Его было время, так как я сделал что-то такое основное, и все же я не могу вспомнить. У меня есть базовый набор из двух столбцов. В левом столбце div у меня есть текст и три изображения. Каждое изображение имеет высоту 38 пикселей. Это завернуто в div размером 40 пикселей с одной границей пикселей. Превращение изображений - это текст «КАК ЕСТЬ В:» Проблема заключается в том, что текст не выравнивается правильно по центру по вертикали и находится либо сверху, либо снизу. Ниже мой текущий CSS и код, который не работает ..CSS не выравнивается должным образом
<style type="text/css">
div.container {
overflow: hidden;
width: 100%;
}
div.left {
width: 50%;
float: left;
background-color:#F0F1F3;
border: 1px solid #DEDEDE;
}
.textmiddle {vertical-align:middle;}
div.right {
width: 40%;
float: right;
background-color:#F0F1F3;
border: 1px solid #DEDEDE;
}</style>
<div class="container">
<div class="left">
AS SEEN IN:<img class="textmiddle" border="0" src="images/gq.png"> <img class="textmiddle" border="0" src="images/nyTimes.png"><img border="0" src="/images/vogue.png" class="textmiddle">
</div>
<div class="right">3</div>
</div>
На что это должно быть похоже? – Hristo 2010-12-09 16:09:13
Текст должен быть точно в середине, см. Скриншот NoxiousNick, хотя мой код не выравнивается. – CogitoErgoSum 2010-12-09 16:20:47