1.leading-none - line-height: 1;
2.leading-tight - line-height: 1.25;
3.leading-snug - line-height: 1.375;
4.leading-normal - line-height: 1.5;
5.leading-relaxed - line-height: 1.625;
6.leading-loose - line-height: 2;
1<p class="text-xs ...">The quick brown fox ...</p>
2<p class="text-sm ...">The quick brown fox ...</p>
3<p class="text-base ...">The quick brown fox ...</p>
4<p class="text-lg ...">The quick brown fox ...</p>
5<p class="text-xl ...">The quick brown fox ...</p>
6<p class="text-2xl ...">The quick brown fox ...</p>
7<p class="text-3xl ...">The quick brown fox ...</p>
8<p class="text-4xl ...">The quick brown fox ...</p>
9<p class="text-5xl ...">The quick brown fox ...</p>
10<p class="text-6xl ...">The quick brown fox ...</p>
11<p class="text-7xl ...">The quick brown fox ...</p>
12<p class="text-8xl ...">The quick brown fox ...</p>
13<p class="text-9xl ...">The quick brown fox ...</p>
1<div>
2 <div class="h-8 ..."></div>
3 <div class="h-12 ..."></div>
4 <div class="h-16 ..."></div>
5 <div class="h-24 ..."></div>
6</div>
7<!--
8h-10 height: 2.5rem;
9h-11 height: 2.75rem;
10h-12 height: 3rem;
11h-14 height: 3.5rem;
12h-16 height: 4rem;
13h-20 height: 5rem;
14h-24 height: 6rem;
15h-28 height: 7rem;
16h-32 height: 8rem;
17h-36 height: 9rem;
18-->