Question

I am using <br> that work differently in every browser so I decide to set style of “br” become

<br style='margin:15px;'/>

It works perfectly on Firefox but not working in IE and Chrome..Any suggestion??

Answer 1

<br> are inline elements and not block elements, keep that in mind.

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

This is a very very very very … very very dirty version, and although its not browser compatible. You should not do it and I would recommend you NOT to copy that code, consider rewriting your code. Styling <br/> is very very very BAD. I’m in the very mood today ;-). Also you should not use <br> in your code, because HTML is generally for markup and CSS is for styling. But it’s my opinion.
Your code would be more flexible if you use <p> to wrap your text and set your paddings and margin there instead of the use of <br/> which 1. messes up your code and 2. messes up your styling because you are mixing styling and HTML in one file, which makes it bad to manipulate in the future because you don’t know hmm have i set this style inline or in an external css file.