CSS — нюансы верстки

Занимаясь версткой, иногда наталкиваешься на поведение некоторых стилей, не соответствующее описанию. Например, если расположить подряд h1 и h2, задав верхнему заголовку margin-bottom, а нижнему — margin-top, то применится только один отступ.

Такие вещи полезно знать заранее, чтобы потом не мучаться в поисках причины. 

Margin между элементами может «проваливаться»

Стокнулся с тем, что Chrome и Firefox не устанавливает один из margin между заголовками. Если расположить подряд h1 и h2, задав верхнему заголовку margin-bottom, а нижнему — margin-top, то браузер применит только один отступ.

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *