how do I get a new line, after using float:left?
Solution 1:
You need to "clear" the float after every 6 images. So with your current code, change the styles for containerdivNewLine to:
.containerdivNewLine { clear: both; float: left; display: block; position: relative; }
Solution 2:
you can also use
<br style="clear:both" />
Solution 3:
Try the clear property.
Remember that float removes an element from the document layout - so yes, in a way it is "interfering" with br and p tags, in the sense that it would basically be ignoring anything in the main flow layout.
Solution 4:
Also such way
<br clear="all" />