Heinrich-: Vertical-Align mit Float

Beitrag lesen

Hallo,
ich habe Probleme: Elemente die mit einem float ausgestattet sind, reagieren auf vertical-align nicht mehr (da float für den Textfluss außenrum angegeben wird, irgend wie auch sinnvoll).
In meinem Szenario würde ich es aber trotzdem gern können.

Ich habe 3 Elemente in einem div. Das eine soll links von der Seite sein, das andere genau mittig und das dritte rechts.

Ich habe es bis jetzt so gemacht:

  
<div id="outer" style="text-align: center; height: 40px; width:100%">  
    <div id="left" style="display:inline-block; float: left; width:100px;height:25px">ist irgend ein Button</div>  
    <div id="center" style="display:inline;">ein Label</div>  
    <div id="right" style="display:inline-block; float: right;">Eine Forme mit einem Dropdown</div>  
</div>  

Nun würde ich aber gern, dass left, center und right auch mittig (von outer) ausgerichtet werden.

Wie kann ich dieses Szenario mit den 3 Elementen so umsetzen, dass ich das bekomme was ich eigentlich will?

Danke