3 DIV-Container nebeneinander ausrichten und dann neue Zeile

[exzel]

Hallo zusammen,

ich wollte drei Div-Container nebeneinander ausrichten, dann eine neue Zeile beginnen und dort dann wiederum drei Container nebeneinander haben.

Ich bekomme das zwar hin, aber es wirkt halt sehr gebastelt. Kann Div hier effektiver verwendet werden?

<div style="float:left">
<h3>
...
...
</div>

<div style="float:left; padding-left:10px; width:50px">
<h3>
...
...
</div>

<div style="float:left; padding-left:10px; width:50px">
<h3>
...
...
</div>

<div style="clear:left" />

<div style="float:left">
<h3>
...
...
</div>

<div style="float:left; padding-left:10px; width:50px">
<h3>
...
...
</div>

<div style="float:left; padding-left:10px; width:50px">
<h3>
...
...
</div>

Gruß und Dank!