Not Causing New Line On Chrome

Question

Example page I have some elements which are inline-block and after the last I have a to break a new line (could be more than just one

Solution 1:

as soon as u add content, it works. chrome just doesn't like giving you empty space.

try adding   on the empty new line.

Edit: changing since there was so much discussion on the topic.

Firefox has a bug, it should not display the newline. According to W3C standards the element "must be used only for line breaks that are actually part of the content". Without content following the <br>, it will not create this newline.

Baca Juga

By adding a ZERO WIDTH SPACE to the container element like so:

div:after{ content:'\0200B'; }

This insures that there will be some content after the last <br> occurrence, effectively breaking into a new line. no need to add/change any DOM.

Might not be the best solution, but if you add a white space after the <br /> it works in Chrome.

<br />&nbsp;