Проблемы с выравниванием изображений

Question

Я составил список с несколькими элементами в нем.

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

Iv'e были в этом четыре пары часов, и теперь я просто не могу понять, что причиной этого, вот мой код: http://jsfiddle.net/QwcG5/1/ я надеюсь, что кто-то может помочь мне :)

Answer 1

увидеть скрипку и демо :

Fiddle: http://jsfiddle.net/QwcG5/13/

Демо: http://jsfiddle.net/QwcG5/13/embedded/result/

Я поставил всю раскладку жидкость и не сломается столбцы в следующей строке как Ли будет там respectiv e <li> только.

Примечание: Никакой модификации в структуре.

Answer 2

Добавить вертикально-выравненный: средний; и все будет в порядке. http://jsfiddle.net/QwcG5/16/ Я также хотел бы предложить заменить эти дивы

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

с Ли и ограждающим всем этом в отдельном ул. похоже чистый таким образом.

<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>