This paragraph uses
leading-tight
.
The lines of text are closer together, creating a dense block of text.
This can be useful for headings or short pieces of text where space is a concern.
Notice how little vertical space there is between each line.
This paragraph uses
leading-normal
.
This is typically the browser's default line height if not overridden by Tailwind's preflight.
It provides a standard, readable spacing between lines. Most body text will be comfortable with this.
This paragraph uses
leading-relaxed
.
The lines of text are more spread out, offering a more airy and relaxed reading experience.
This is often preferred for longer articles or blocks of text to improve readability.
Observe the increased vertical gap.