Html – How to change the height of a


I have a big paragraph of text that is divided into subparagraphs with <br>'s:

  Blah blah blah.
  Blah blah blah. Blah blah blah. Blah blah blah.
  Blah blah blah.

I want to widen the gap between these subparagraphs, like there is two <br>'s or something like that. I know that the right way to do this is to use <p></p>, but right now I cannot change this layout, so I am looking for CSS-only solution.

I've tried setting <br>'s line-height and height with display: block, I also Googled and Stack Overflow-ed briefly, but did not find any solution. Is this even possible without changing the layout?

Best Solution


br {
   display: block;
   margin: 10px 0;

The solution is probably not cross-browser compatible, but it's something at least. Also consider setting line-height:


For Google Chrome, consider setting content:

content: " ";

Other than that, I think you're stuck with a JavaScript solution.