Search the blog

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.