Tailwind Crash Course - Project Based Learning
Italic & not-italic
There are a lot of text decorations built in Tailwind. Let’s take a look on less common things that you may want to know about.
Here comes, Italic.
There are two classes to manage italicization of the content.
.italic
: It allows you to italicize content/text.
.not-italic
: It allows you to un-italicize content/text.
Let me show you the use case of .italic
and .no-italic
.
<p class="italic">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam suscipit orci ac nisl varius varius.
<span class=“not-italic”>Nullam auctor finibus pulvinar.</span>
Morbi porttitor placerat enim nec consequat.
</p>
In result, you can see non-italic content in the middle of our actual italic content:
So, that’s how .italic
and .not-italic
works.