Term
Line Height
Definition
Line Height refers to the vertical distance between baselines in consecutive lines of text. This spacing is key to making text readable and keeping your page visually balanced.
Where you'll find it
In web design, line height adjustments are made within the CSS (Cascading Style Sheets) of a webpage. You can modify this setting across different elements, such as paragraphs, headers, and lists.
Common use cases
- Improving the readability of text on websites, especially important for long passages.
- Adjusting spacing to prevent text from appearing too crowded or too sparse.
- Creating a visually appealing and balanced layout regarding text density and spacing.
Things to watch out for
- Setting the line height too high can make text look disjointed and hard to follow.
- A tight line height may cause lines to overlap or make text blocks look cluttered.
- Changing line height might require adjustments in other typographic settings to maintain aesthetic harmony.
Related terms
- CSS
- Typography
- Readability
- Text Spacing
- Baseline
Pixelhaze Tip: Start with a line height around 150% of your font size and adjust from there to see what best improves readability and aesthetic balance for your particular design.