CSS: Force float to do a whole new line

Well, if you really need to use float declarations, you have two options:

1. Use clear: left on the leftmost items – the con is that you’ll have a fixed number of columns
2. Make the items equal in height – either by script or by hard-coding the height in the CSS

Both of these are limiting, because they work around how floats work. However, you may consider using display: inline-block instead of float, which will achieve the similar layout. You can then adjust their alignment using vertical-align.