::after und clear:both

[Linuchs]

Hallo,

ich habe - vergleichbar mit einem Zeitungsartikel - oft zwei Spalten fließend nebeneinander. Nach der rechten Spalte soll der Fluss abgeschlossen sein.

Bisher setzte ich dort <div class=clear></div> wobei clear = clear:both;

Theoretisch sollte es aber doch auch ohne HTML gehen mit ::after. Das tut aber nicht.

div.inhalt div:nth-of-type(1) {  
  width: 48%;  
  float: left;  
}  
div.inhalt div:nth-of-type(2) {  
  width: 48%;  
  float: right;  
}  
div.inhalt div:nth-of-type(2)::after {  
  content: " ";  
  clear: both;  
}  

<div class=inhalt>  
  <h3>ABCDE</h3>  
<div>  
  <p>A long time ago / De Hoffnung <i>Halyard Sh.</i></p><p><a href="#lied_01">1</a></p>  
  <p>A roving maid <i>Pump, Capstan Sh.</i></p><p><a href="#lied_11">11</a></p>  
</div>  
<div>  
  <p>Alabama John Cherokee</p><p><a href="#lied_64"><b class=neu>64</b></a></p>  
</div>  
</div>  
  
<div class=inhalt>  
  <h3>FGHIJ</h3>  
  <p>Fire down below</p><p><a href="#lied_32">32</a></p>  

Zu erwarten wäre, dass FGHIJ in einer neuen Zeile beginnt, es steht aber unter "Alabama John Cherokee".

Was mache ich falsch?

Linuchs