Тег img ведет себя как блочный элемент?

Question

[exoKvant]

Я думал, что img в браузере отображается как строчный элемент.
Почему у меня в примере он как блочный?

Comments

[alex-1917]

Так и есть, он вполне может себя вести как блочный элемент. С другой стороны, кто его обозвал строчным? Как видим и если подытожить, неисповедимы пути господни.

[Владимир Скибин]

exoKvant, так а что Вы за ерунду нагородили header > div > span > p ?
А так у img - display: inline

Answer 1

[Максим Тимофеев]

Тег img ведет себя как блочный элемент?

нет, это строчный элемент по умолчанию:
https://developer.mozilla.org/en-US/docs/Web/HTML/...

Почему у меня в примере он как блочный?

Встречный вопрос, с чего Вы решили, что он ведет себя как блочный?

Comments

[exoKvant]

я предполагал, что в диве где есть img и span они будут идти в строку.
Прошу прощения если некорректно выразился.

[Максим Тимофеев]

exoKvant, попробуйте еще 1 спан добавить, окажется что он тоже блочный )))

img и span они будут идти в строку

так и будет если им не мешать:
https://codepen.io/wokster/pen/LJBWPY

[exoKvant]

Максим Тимофеев, а как правильно сделать с помощью display: flex, чтобы картинка и затем блок с цифрами 1 и 2 (как в Вашем примере) шли строкой, но при этом цифры 1 и 2 были блоками?

[Максим Тимофеев]

exoKvant, Вы хотите что бы display: flex работал как display: block? При этом что бы шли строкой, а это уже display: inline или display: inline-block. Где логика?

Answer 2

[tyzberd]

он ведет себя как inline-block, в браузере пишет что inline, а вообще это Замещаемый элемент