1/3 grid <ul> with faux <hr>


This uses :nth-child(3n+1):before for dividers between rows.

Actual float clearing is done by each :nth-child(3n+1) list item.

It gives the appearance there are floated <div>, separated by <hr>.


View the Sass/Compass code used to make this: _example.sass

Download the original code here: list-items-divider.zip