Instantly find the perfect text spacing with our free Line Height CSS Generator. This visual tool lets you use a simple slider to adjust the vertical distance (leading) between your lines of text. See your changes in real-time and copy the clean CSS code for optimal readability.
Line height (also known as leading) is the vertical distance between lines of text. For optimal readability, it’s typically recommended to use a line height between 1.5 and 2. This creates enough space to guide the reader’s eye without making the text feel disconnected. Adjust the slider below to see the effect in real time.