css - multiple levels of float:left is this correct way to do this? -

css - multiple levels of float:left is this correct way to do this? -

i have write admin piece , basic design has set of rows (not scale):

i thinking of doing 2 sets of float:left's this: http://jsbin.com/sizaw/1/edit?html,css,output mutual / recommended way of doing or there improve way?

edit #1

i guess there improve more html5'y way of doing this? float:left seems kludgy.

here suggestion:

html:

<div id="wrapper"> <div class="container"> <div class="box"></div> <div class="box"></div> </div> <div class="box"></div> </div>

css:

div { min-width: 70px; min-height: 50px; margin: 10px; display: inline-block; border: 1px solid #000; }

example 1

edit: example 2

css