Почему не происходит слопывания марджинов?

Question

[tolorov]

2 элемента друг под другом - p и button.
У каждого элемента margin: 16px.
Ожидал, что произойдет схлопывание и расстоние будет 16px, но нет, 32.
Почему?

Comments

[Edward]

Хотите, что бы тут гаданиями занимались? Код в студию.

Answer 1

[Ivan Bogachev]

Вероятно у кнопки display: inline-block. Дайте ей display: block и все схлопнется.

Comments

[tolorov]

Это правильный ответ, только как же я его применю - для баттона иметь display block это идиотизм))

Answer 2

[paralelogram]

Может потому что вы указываете margin со всех сторон?
16 слево, 16 справо = 16+16=32

Comments

[tolorov]

Слева и справа и так ничего не должно схлопыватся, почитайте про схлопывание ВЕРТИКАЛЬНЫХ марджинов.

[paralelogram]

чо хлопать?

[tolorov]

paralelogram: в школу когда?