I'm using <ul> to list each of the members, and giving each of the <li> float: left. What I'm trying to achieve is to have 3 members on a row, then break. How do I achieve this without using a table layout or manually specifying the coordinates for each of them?

2 answers

This was chosen as the best answer


Should help if you dig about in the CSS, basically you need to set heigt and width on the members boxes.

Answered almost 7 years ago by Tony Crockford
  • Thanks for the help again! Jonathan Chua almost 7 years ago
twayney 20

You just need to clear the floats.

Try inserting <div style="clear:both;"></div> in between the closing </ul> & </div> of each "row".


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

Answered almost 7 years ago by twayney