<p class="leading-7 bg-gray-300 m-2 w-64">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
← Tailwind CSS classes list
Tailwind CSS class: .leading-7
Preview
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Use Shuffle AI to build your own Tailwind CSS templates
Quickly design stunning Tailwind CSS templates with the power of Shuffle AI — no coding required.
Check .leading-7 in a real project
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
CSS source
.leading-7 { line-height: 1.75rem; }More in Tailwind CSS Text
- .antialiased
- .subpixel-antialiased
- .text-opacity-*
- .break-normal
- .break-words
- .break-all
- .truncate
- .uppercase
- .lowercase
- .capitalize
- .normal-case
- .leading-none
- .leading-tight
- .leading-snug
- .leading-normal
- .leading-relaxed
- .leading-loose
- .leading-3
- .leading-4
- .leading-5
- .leading-6
- .leading-8
- .leading-9
- .leading-10
- .underline
- .line-through
- .no-underline
- .font-hairline
- .font-thin
- .font-light
- .font-normal
- .font-medium
- .font-semibold
- .font-bold
- .font-extrabold
- .font-black
- .text-xs
- .text-sm
- .text-base
- .text-lg
- .text-xl
- .text-2xl
- .text-3xl
- .text-4xl
- .text-5xl
- .text-6xl
- .font-sans
- .font-serif
- .font-mono
- .text-left
- .text-center
- .text-right
- .text-justify
- .italic
- .not-italic
- .whitespace-normal / .whitespace-*
- .tracking-tighter
- .tracking-tight
- .tracking-normal
- .tracking-wide
- .tracking-wider
- .tracking-widest