Umschließendes div

[Andi]

Hallo,

ich möchte 2 divs nebeneinander ausrichten und damit sie auf der gleichen Höhe sind mit vertical-align:bottom ausrichten:

<div style='vertical-align:bottom;border:1px solid red;'>
  <div style='width:50%;float:left;'>
  test
  </div>
  <div style='width:50%;float:right;'>
  <input type='text' name='text'>
  </div>
</div>

Aber das außere div umschließt mir die beiden anderen divs nicht?

Danke für euer Hilfe
Gruß
Andi