What is meta? ×
Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 134 Stack Exchange communities.

This is a pretty minor issue:

I was browsing Writers site and noticed the line-height for list items is inconsistent with other sites (like SO). It is 16px instead of 18px. I noticed because I was having difficulty reading this answer. This may affect other sites as well.

Proposed resolution is to increase the line-height to aid readability. It may be advantageous to add a small bottom margin as well, but not strictly necessary.

The line height is set in all.css, line: 136

share|improve this question
1  
You can add an additional line break after each list item. This creates li > ps instead of just li, so there is now a small margin under each li element from the p elements –  Yi Jiang Mar 12 '11 at 11:18

2 Answers 2

I have increased the line-height and added a margin-bottom to LIs. They now use em instead of px. They shouldn't have been px to begin with. Good catch.

share|improve this answer

The line height shouldn't be in pixels at all!
It should be a ratio, eg: line-height: 1.5;, so that when users scale the font up to increase the dismal readability, the line spacing doesn't get even worse. (It also make it easier to maintain or modify the CSS.)

Zillions of years of readability and typography studies show that the ratio should be at least 1.5.

This ratio is also supported by web-readability studies. See Typographic Design Patterns and Best Practices, for example.

share|improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .