Как сделать div высотой с картинку?

Question

[Дмитрий Куликов]

Здравствуйте.

Имеется простой пример https://jsfiddle.net/ehpd0xL7/1/

В нем div на 5px выше чем вложенная в него картинка.
Можно ли обойти это только на одном css, не задавай жестких размеров блока?

Answer 1

[TSwizard]

Картинка - строчный элемент(inline). Ведет себя как "слово" в тексте. По умолчанию у текста стоит vertical-align: baseline, которое оставляет небольшой отступ снизу для витков букв типа и крючков у букв типа "р, у, щ, ц, ф" и тд.
Допиши для картинки vertical-align: top. Это уберет этот отступ.

Answer 2

[Михаил Чирский]

Картинка по умолчанию имеет display: inline, задайте ей display: block; И будет счастье
https://jsfiddle.net/ehpd0xL7/3/
Максим Зайцев опередил меня, ну суть думаю ясна

Answer 3

[artem_music]

img{float:left;}