Change size of blank line in HTML

Question

I'd like to insert a blank line in my HTML code but I'd like to change the size of this blank line to see if it fits with the rest of the page.

Does someone know how to do this ?

Answer 1

The nicest way would be to put a bottom margin on the element you want some spacing after. The other solutions posted are not semantic and your markup will end up to be a giant mess of spacer elements without content.

CSS is the right way for presentation.

For example if you have two paragraphs, and want some spacing after the first one:

<p style="margin-bottom: 20px;">Blabla</p>
<p>Blabla 2</p>

This is just an illustration, your best bet would be using id / class and a separate stylesheet.

The only other semantic solution I can think of is a <HR> element, but it is a quite problematic one if you want to style it cross-browser (see details on the link).

Answer 2

You could use something like:

<p style="height: 200px"></p>

Answer 3

How about using the line-height css property?

Like this: <span style="line-height: 50px;">&nbsp;</span>