css clear in safari and chrome creates an extra line, not in firefox

Question

Adding clear: left, clear: right, or clear:both to an element would create an extra carriage return in Firefox, but not in Chrome and Safari, it is very frustrating, anyone know how to fix this?

Answer 1

If you are adding the style to the line break tag (<br>) then this will add a line break as should be expected. You could try using a div instead since they have zero height when there is no content:

<div style="clear:both"></div>

Answer 2

.clear-nobr {clear:both;line-height:0!important;font-size:0!important;}