Что лучше в CSS способ принудительного разрыва строки после элемента, чем сделать его блочным?

У меня есть заголовок H3, который я хотел бы стилизовать как имеющий определенный цвет фона, но без элемента ' s фон занимает всю ширину родительского элемента. Поскольку H3 по умолчанию является блочным элементом, моему стилю потребуется изменить элемент на встроенный блочный элемент или просто на встроенный встроенный элемент, например:

h3 {
    background-color: #333;
    color: white;
    display: inline-block;
}

Это будет работать нормально, но только если за ним сразу же следует блочный элемент. Я не хочу изменять разметку только для этого стиля, поэтому мне было интересно, есть ли способ заставить любой смежный элемент, независимо от того, как он отображается, начинаться со следующей строки?

Предположим, я могу использовать CSS3.

16
задан Paul D. Waite 21 September 2010 в 10:03
поделиться