Styling <BR> to have margins like <P>

Question

I want to style my <BR> elements to have margins more like <P> elements. How can I do that?

Answer 1

Like this:

br {
    margin-bottom: 1em;
}

Answer 2

You can specify any style to almost any element using CSS.

Default margin for P element is 1em 0; So, your CSS code should look like this:

br { 
    margin: 1em 0; 
}

If you need to see default or current style properties for any element, you can use Firefox with Firebug or Chome/Safari/Opera Developer Tools.

Answer 3

You can use line-height. You have to have two <br />, first to break line and second to add range between lines.

Answer 4

Not sure why boogyman's answer has -2, but that's correct. To do what you're asking, try

<p>&nbsp;</p>

That will break the line and still give you the margin.

Answer 5

If you have to use <br> then you can use this:

<br></br> <!-- you MUST have the closing tag -->

And css:

br {
    margin: 1em;
}