Растягивание элемента Web-страницы на все колонки

По умолчанию все содержимое элемента Web-страницы, для которого задана многоколоночная верстка, располагается в отдельных колонках. Однако мы можем сделать так, чтобы какой-то фрагмент содержимого растягивался на всю ширину этого элемента. Другими словами, этот фрагмент будет вести себя так, будто многоколоночная верстка ему не указ.

Чтобы указать это, нам следует привязать к нужному фрагменту содержимого стиль, в котором задать атрибут стиля column-span.

column-span: none | all

Как видим, у этого атрибута стиля доступны два значения.

none — фрагмент размещается в колонке (значение по умолчанию).

all — фрагмент растягивается на всю ширину элемента.

#main H2 { column-span: all;

}

Теперь заголовки второго уровня будут растягиваться на всю ширину контейнера

main.