У меня есть заголовок H3, который я хотел бы стилизовать как имеющий определенный цвет фона, но без элемента ' s фон занимает всю ширину родительского элемента. Поскольку H3 по умолчанию является блочным элементом, моему стилю потребуется изменить элемент на встроенный блочный элемент или просто на встроенный встроенный элемент, например:
h3 {
background-color: #333;
color: white;
display: inline-block;
}
Это будет работать нормально, но только если за ним сразу же следует блочный элемент. Я не хочу изменять разметку только для этого стиля, поэтому мне было интересно, есть ли способ заставить любой смежный элемент, независимо от того, как он отображается, начинаться со следующей строки?
Предположим, я могу использовать CSS3.