div objekte anordnen

[Alex]

div.table1 { text-align:center; font:bold 100% Arial, sans-serif; float:left; height:320px;
   width:20%; background-image:url(back3.jpg) }
div.table2 { text-align:center; font:bold 100% Arial, sans-serif;         height:320px; clear:both;width:30%; background-image:url(back3.jpg); }

<div class="table1">Einzeilig</div>
<div class="table2">Mehrzeilig</div>
<div class="table1">Einzeilig</div>
<div class="table2">Mehrzeilig</div>

jetzt steht wieder alles untereinander...ich möchte aber, dass table1 neben table2 und darunter wieder table1 neben table2 steht...was muss ich da verändern?