This class accepts lots of value in tailwind CSS in which all the properties are covered as in class form. It is the alternative to the CSS Line Height property. This class is used to set the amount of space used for lines, such as in the text. Negative values are not allowed.
Line Height classes:
leading-3: This class set the line-height at .75rem.
leading-4: This class set the line-height at 1rem.
leading-5: This class set the line-height at 1.25rem.
leading-6: This class set the line-height at 1.5rem.
leading-7: This class set the line-height at 1.75rem.
leading-8: This class set the line-height at 2rem.
leading-9: This class set the line-height at 2.25rem.
leading-10: This class set the line-height at 2.5rem.
leading-none: This class set the line-height at 1.
leading-tight: This class set the line-height at 1.25.
leading-snug: This class set the line-height at 1.375.
leading-normal: This class set the line-height at 1.5.
leading-relaxed: This class set the line-height at 1.625.
leading-loose: This class set the line-height at 2.
Syntax:
<element class="leading-{height}">...</element>
Example: In this example, we will use three classes leading-none, leading-normal and leading-loose. You can change the class name according to your need.
