line height tailwind code example

Example 1: line-height tailwind

.leading-none	   -   line-height: 1;
.leading-tight     -   line-height: 1.25;
.leading-snug	   -   line-height: 1.375;
.leading-normal	   -   line-height: 1.5;
.leading-relaxed   -   line-height: 1.625;
.leading-loose	   -   line-height: 2;

Example 2: tailwind height

<div>
    <div class="h-8 ..."></div>
    <div class="h-12 ..."></div>
    <div class="h-16 ..."></div>
    <div class="h-24 ..."></div>
</div>
<!-- 
h-10	height: 2.5rem;
h-11	height: 2.75rem;
h-12	height: 3rem;
h-14	height: 3.5rem;
h-16	height: 4rem;
h-20	height: 5rem;
h-24	height: 6rem;
h-28	height: 7rem;
h-32	height: 8rem;
h-36	height: 9rem; 
-->

Tags:

Css Example