Почему применяется общий отступ к строчно-блочным элементам?

Question

[wbrapist]

Добрый вечер.

Почему все строчно-блочные элементы принимают отступ, который присвоен только одному элементу? (Если использовать float - всё хорошо)

https://jsfiddle.net/mcae7d1q/1/

Answer 1

[Игорь]

Нет, margin-top:5px применен только к .b1, как и указано в css. Вы можете это наглядно увидеть в Dev Tools в Chrome или Firebug в Firefox и пр. Вы сами ответили на свой вопрос - такое отображение происходит потому что у вас элементы заданы как inline, поэтому внутри свой строки применяется максимальный margin-top.
Задайте, к примеру, стиль:
.b3 {margin-top: 50px}
посмотрите что получится

Comments

[wbrapist]

Спасибо. А мне хотелось думать, что строчно-блочные будут вести себя как отдельные блочные элементы, и просто будут размещены в одну строку)