圖像對齊問題

Question

我已經制作了一個列表，其中包含很少的元素。

現在一切看起來都正確，除了圖像，如果我嘗試添加至少一個圖像我得到所有列表搞砸了，我可以使用div而不是img標記，但我需要調整圖像的大小。

Iv'e一直處於這四款幾個小時了，我只是無法弄清楚是什麼導致這，這裏是我的代碼：http://jsfiddle.net/QwcG5/1/我希望有人能幫助我:)

Answer 1

看到小提琴和演示：

小提琴：http://jsfiddle.net/QwcG5/13/

演示：http://jsfiddle.net/QwcG5/13/embedded/result/

我已經設置了整個佈局流體，它不會打破下一行的列兩李的將是在那裏respectiv僅限e <li>。

注意：結構沒有修改。

Answer 2

添加vertical-align：middle;它會好的。 http://jsfiddle.net/QwcG5/16/ 我也建議李肇星更換這些div

<div class="verify_list_block">1</div> 

，並封閉在一個單獨的UL整個事情。看起來比較乾淨。

<li class="verify_list_item"> 
<ul class="info"> 
<li class="verify_list_block">1</li> 
<li class="verify_list_block">3</li> 
<li class="verify_list_block">4</li> 
<li class="verify_list_block">5</li> 
</ul> 
</li>