Мы посмотрели, как выглядят боксы. Теперь разберём, как ими управлять.

То, как боксы взаимодействуют друг с другом и в каком порядке располагаются на странице, называется потоком. Например, если в потоке находятся блочные боксы, то по умолчанию они выстраиваются сверху вниз и занимают всё доступное пространство по ширине. Такое поведение называют нормальным потоком.

Потоком можно управлять. Например, если изменить с помощью CSS тип боксов и некоторые свойства по умолчанию, то можно заставить боксы выстроиться в несколько колонок или расположиться по центру страницы. Так что одна и та же разметка может выглядеть по-разному.

Посмотрим, как всего лишь изменяя классы у тега <main>, можно управлять потоком страницы.