图像对齐问题

Question

我列出了一个包含少量元素的列表。

现在一切看起来都正确，除了图片，如果我尝试添加至少一个图像我得到所有列表搞砸了，我可以使用div而不是img标记，但我需要调整该图像的大小一直以来。

我现在已经在这四个小时了，我只是无法弄清楚是什么造成了这个，这是我的代码：http://jsfiddle.net/QwcG5/1/我希望有人可以帮助我:)）

Answer 1

添加vertical-align：middle;它会好的。 http://jsfiddle.net/QwcG5/16/ 我还建议更换这些div

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

与li并将整个东西封闭在一个单独的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>

Answer 2

看小提琴和演示：

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

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

我已将整个布局设置为流畅，并且不会破坏下一行中的列，这两个列只会在各自的<li>中。

注意：不得修改结构。