This documentation is currently being moved to our new documentation site.

Please view or edit the documentation there, instead.

If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Setting line spacing

Owned by Anastasia Cheetham
Last updated: Aug 23, 2012Version comment
1 min read

Controlling line spacing in CSS can be tricky if you don't understand how the line-height property works.

  • If you use a pixel value, it will not scale when User Interface Options is used to increase line height.
  • If you use em or percentages, the value not be inherited correctly by elements inside your element.

The safest way to use line-height is as a unitless number, which will multiply the element's font size. This will also allow line heights to be adjusted by User Interface Options correctly.

For more information, see the MDN documentation on line-height.