January 26, 2026
Line-Height in CSS: How to Set Perfect Text Spacing Easily
Line-height is a CSS property that sets the space above and below text lines. It makes your content easier to read and gives a neat look to paragraphs. Using proper line-height improves typography on websites. This property works for inline elements and inline-block elements. It also helps maintain a smooth vertical rhythm, keeping text balanced and readable on all screens. How Line-Height Works You can set line-height using numbers, percentages, lengths, or keywords like normal. For example, line-height: 1.5; increases space between lines based on the font-size. Browsers calculate line-height depending on the element’s font size. Using percentages or unitless
