Как разместить img по центру div-а?

Question

[isxaker]

У меня div определен через проценты. Мне необходимо поместить img по центру div-а как горизонтально, так и вертикально.
fiddle

Мне кажется, что у меня проблемы с основой верстки (блочная верстка, табличная верстка), хотя с css провожу много времени. Посоветуйте книгу или ресурс, где можно подтянуть свои знания по верстке.

Answer 1

[Юрий Лобанов]

habrahabr.ru/post/189696
Как сделать блок по центру с заранее неизвестным height ?

Comments

[isxaker]

про решение с before я знаю, без него никак получается не сделать?
с помощью поста хабра мне так и не удалось получить желаемого результата...

[isxaker]

пробовал через ul, li тоже не получается

[Юрий Лобанов]

@isxaker посмотрите первый ответ в вопросе, там два варианта - первый через display:inline-block, второй через display:table и table-cell.
Собственно, раньше так и выравнивали по центру по вертикали, используя таблицы. Сейчас используют display:table

[isxaker]

окей, я понял нужно на одну вложенность больше, тогда vertical-align вместе c display: table-cell сработает

[isxaker]

jsfiddle.net/Q3DJ5/3