CSS line-height attribute

Could someone please explain the CSS line-height attribute. It's like t开发者_开发知识库he only one I don't know.

The name is self-explanatory; defines the height of a line of text. This is one CSS property that's easier to show than to explain:

Look at my example here if you want to see the CSS and a working demo: http://jsfiddle.net/G59VX/.

It sets the height of a text line independent of the font-size. If you increase it, the lines will appear to be moving further apart, vertically.

The line-height is just that, it adjusts the full hight of a line of text, irregardless of font size. A healthy line height gives a paragraph of text a little breathing room and can make it much easier on the eyes. I usually do a line-height of 1.25em give or take.

Line-height defines the amount of space used for lines, most commonly in text. The primary use of line-height is making text readable. It is recommended to use unitless values of any other unit that isn’t static like the px unit.

A more detailed use is explained here.