clear;left & float:left;

[Maybe]

Hi,

hatte mal hier letztens gefragt warum ich tabellen nicht nebeneinander packen kann mit float left. Mir wurde geraten das ganze dann mit span's zu machen. Hab ich versucht, klappt aber nicht. Um das ganze mal auf das nötigste zu reduziereren, hab ich folgenden Beispielcode:

<style type="text/css">
  #oben_links {
    float:left;
    background-color:green;
  }
  #oben_rechts {
    background-color:yellow;
  }
  #dadrunter {
    clear:left;
    background-color:red;
  }
</style>

<span id="oben_links">
OBEN LINKS
</span>
<span id="oben_rechts">
OBEN RECHTS
</span>
<span id="dadrunter">
DADRUNTER
</span>

Es müsste nun oben Links das eine, direkt rechts daneben das zeite und unter beiden das dritte span erscheinen. Tut es aber nicht. Ich kriege es einfach nicht hin. Wieso bitte?

Danke!