CSS: reducing line spacing of text?

Question

I am having difficulty reducing the spacing between lines of text with CSS line-height (or height - I\'ve tried both).

I have a small bit of text and the spacing is

Answer 1

Inline elements don't honour properties such as line-height; they take on the line height of the nearest block parent.

See Fiddle

Solution: remove the line-height from the body, or turn the span into a block (i.e. make it a div; don't give display:block to the span).

Answer 2

You have a line-height: 21px; In the body. Remove this, and it should work.

Answer 3

Add display:block & remove height.

<span style="font-size: 75%; line-height: 16px; display:block">blog posts & occasional updates (updates max 1 every 14 days)</span>

You learn more about display:block property here.