Когда верстаешь многостраничник, появляется куча классов p, заголовков и прочих текстовых тегов, отличающихся по сути лишь line-height, вертиакальными padding и margin. Потому что где то один отступ, где то другой.. В итоге через некоторое время образуется каша в коде, приходится постоянно переопределять стили для новых тегов.
например:
.wrapper{
p{...}
.booking{
p{...}
p.center_bl{...}
}
.food_menu{
p{...}
}
}
Как избежать этого гемора и упорядочить код? Может как то можно не привязывать отступы к тегам, а использовать пустые div у которых единственное свойство - margin-top? Надеюсь, вопрос понятен.