Controlling padding on <br> tags?

I am interested to know if it would be possible to control the whitespace generated by the <br> tags? I have a situation where it's creating too much whitespace which I would want to reduce.

Cheers

 

Good question. Not entirely sure on the answer, but I believe as <br> is just a line break, the space is governed by the line-height of the containing element.

For example, if it's inside a paragraph:
<p> <br /><br /></p>
I believe it should be two lines high, which is determined by the line-height of the paragraph.

So in answer to your question, you could reduce the line height, but it's probably better to control paragraph spacing instead.

As in do this: <p>hello.</p><p>world</p> rather than <p>hello. <br/><br/>world.</p>, controlling the margin height of the p element, with css. e.g. p {margin-bottom: 0.7em}

Hope that helps.

 

Thanks mate I will look into that.

 

Hey, AdamSee, you are right. I tried to control br height before but couldn't figure out the way to do it. Your suggestion did work!

I add this code to css and the <br /> height can be set, work on both IE and FF.

br { line-height: 200% }

Code (markup):

Thanks again, AdamSee.