Tailwind Crash Course - Project Based Learning
Line Height
Line height helps to give space between the lines.
Spacings |
Font Weight |
none tight snug normal relaxed loose |
1 1.25 1.375 1.5 1.625 2 |
Let’s add some line height to our paragraph using .leading-loose
.
<p class="italic tracking-wider leading-loose">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam suscipit orci ac nisl varius varius.
<span class="font-black">Nullam auctor finibus pulvinar.</span>
Morbi porttitor placerat enim nec consequat.
</p>
Here is the result. There is almost 1.5 line height.