Как расположить картинку в середине div-блока

[alleclf]

Вот пример, во втором блоке всё нормально, а вот в первом свойство float мешает.

Как можно расположить картинки в обоих блоках в центре?

 

http://jsfiddle.net/TTLJQ/1/

[ryter]

http://jsfiddle.net/TTLJQ/2/

[Aleksandr.L]

Да хоть так: http://jsfiddle.net/TTLJQ/3/

[Z1gnet]

а что флоат убрать нельзя??

[alleclf]

Вот всё никак не мог понять, почему ваши примеры работают а мой реальный случай нет.

 

Оказалось что у меня картинки большие и я их принудительно уменьшаю max-width и max-height.

 

Вот пример:

http://jsfiddle.net/TTLJQ/4/

а что флоат убрать нельзя??

в примере флоат конечно не нужен, но в моем реальном случае это необходимо 

Edited December 7, 2013 by alleclf

[Z1gnet]

припиши на .b_img_or img{vertical-align:middle;} и все будет работать

[alleclf]

припиши на .b_img_or img{vertical-align:middle;} и все будет работать

всё! работает! большое спасибо!