Занимаясь версткой, иногда наталкиваешься на поведение некоторых стилей, не соответствующее описанию. Например, если расположить подряд h1 и h2, задав верхнему заголовку margin-bottom, а нижнему — margin-top, то применится только один отступ.
Такие вещи полезно знать заранее, чтобы потом не мучаться в поисках причины.
Margin между элементами может «проваливаться»
Стокнулся с тем, что Chrome и Firefox не устанавливает один из margin между заголовками. Если расположить подряд h1 и h2, задав верхнему заголовку margin-bottom, а нижнему — margin-top, то браузер применит только один отступ.
Возможно это скоро исправят, но лучше применять к тексту отступ только с одной стороны — нижний. Тогда с подобной проблемой не столкнешься.
Русский