У меня есть элемент div, который содержит два дочерних элемента div, и они предназначены, чтобы быть частью плавного макета, поэтому я могуУстановите фиксированный размер для них в пикселях.

Здесь есть две цели:

Выровняйте двух дочерних элементов по горизонтали, чего я достиг, используяfloat: left а такжеfloat: right соответственно.

Вертикально центрируйте текст (внутри дочерних элементов div) относительно родительского элемента div. Текст короткий и занимает одну строку по дизайну.

Что у меня сейчас:http://jsfiddle.net/yX3p9/

По-видимому, два дочерних элемента div не занимают всю высоту родительского элемента div, и поэтому их текст не центрируется вертикально относительно родительского элемента div.

Концептуально, для достижения указанных выше целей, мы можем либо сделать дочерние элементы div вертикально центрированными внутри родительского элемента div, либо мы можем заставить дочерние элементы div принимать полную высоту родительского элемента div. Каков надежный способ сделать это?

* Поддержка браузеров: IE 9+ и другие обычные современные браузеры.