Tailwind Crash Course - Project Based Learning

Line Height

Line height helps to give space between the lines.  

leading-{spacing}

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.