CSS沒有正確對齊

它已經有一段時間了，因爲我已經做了一些如此基本的事情，但我不記得。我有一個基本的兩列設置。在左欄div中我有文字和三個圖像。每個圖像高38像素。這是包裹在一個40像素的div與一個像素邊框。前置圖像是文本「如所見：」問題是文本在垂直方向沒有正確對齊，並且位於圖像的頂部或底部。下面是我目前的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">&nbsp;<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>

來源

2010-12-09 CogitoErgoSum

應該是什麼樣子？ – Hristo 2010-12-09 16:09:13

雖然我的代碼沒有像這樣對齊，但文本應該完全一致，但中間是指NoxiousNick的截圖。 – CogitoErgoSum 2010-12-09 16:20:47