Mam div, który zawiera dwa potomne divy i mają one być częścią płynnego układu, więc nie mogę ustawić dla nich stałego rozmiaru w px.

Istnieją dwa cele:

Wyrównaj dwa divy dziecka poziomo, co osiągnąłem za pomocąfloat: left ifloat: right odpowiednio.

Pionowo wyśrodkuj tekst (w podrzędnych div) względem rodzica div. Tekst jest krótki i zawiera pojedynczy wiersz według projektu.

Co mam teraz:http://jsfiddle.net/yX3p9/

Najwyraźniej dwa potomne divy nie pobierają pełnej wysokości rodzica div, a zatem ich tekst nie jest wyśrodkowany pionowo względem rodzica div.

Koncepcyjnie, aby osiągnąć powyższe cele, możemy albo uczynić divy potomne pionowo w środku rodzica div, albo możemy sprawić, by divy potomne zajęły pełną wysokość rodzica div. Jak to zrobić?

* Obsługa przeglądarki: IE 9+ i inne zwykłe nowoczesne przeglądarki.