Der Inhalt im div wird nicht zentriert

[Devel]

Warum wird der Inhalt in dem übergeordneten div nicht zentriert?

<div style="width:300px;text-align:center">
 <div style="float:left;">1</div>
 <div style="float:left;">2</div>
 <br style="clear:left">
</div>

Hat jemand eine Lösung?
Wenn ich die floats nicht benutze dann wird es zentriert. Ich brauche aber die floats.