Zwei <div>-Container nebeneinander anordnen

Codeschnipsel: 
   01 <div style="width:500px;padding:3px; ...">
   02
   03   äußerer Container<br>
   04
   05   <div style="float:left;width:30%;height:70px; ...">
   06     linker Container 1
   07   </div>
   08
   09   <div style="float:right;width:69%; ...">
   10     rechter Container 1
   11   </div>
   12
   13   <br style="clear:both;">
   14
   15   <div style="float:left;width:69%; ...">
   16     linker Container 2
   17   </div>
   18
   19   <div style="float:right;width:30%;height:70px; ...">
   20     rechter Container 2
   21   </div>
   22
   23   <br style="clear:both;">
   24
   25 </div>

... und so sieht's aus:
äußerer Container
linker Container 1
rechter Container 1

linker Container 2
rechter Container 2