Empty paragraphs will only render margins by default.
To make <p> </p>
render a line use the following CSS:
p:after { content: '\00a0'; }
Note that this should only be used on left-aligned paragraphs.
Another solution, which is perhaps more flexible, is to simply make a minimum height for the paragraphs based on the current font size.
p { min-height: 1.5em; }
Tim Bennett is a web designer and developer. He has a First Class Honours degree in Computing from
Leeds Metropolitan University and currently runs his own one-man web design company, Texelate.