Question

How can I force the following HTML code:

<p><span></span></p>

.. to use vertical space?
if the span has a character, or a space, the vertical space is occupied.

Any way to do it with CSS?

Answer 1

You could do:

p span { display: block; height: 1em; }

However, you should put a class on that span, so it doesn’t affect everything else.

EDIT: inline-block would probably be better.