html-and-inner-column-reinforcement
Last updated: October 22, 2021
Introduction
Some more discussion and examples — for the big-picture layout and Uncle Bill exercises.
You can think of some HTML elements as "The Content"

Then other elements as "Organizational" / "Grouping" type elements - to group that content.

These were originally all div
s (generic divisions of content) (generic boxes to group things)
Then HTML5 brought these new semantic "grouping" elements

You can use the elements in any way you want

A common way – is to use the correct (semantic) elements like header
, footer
, main
, section
, and nav
– where they are suited — and then / for more generic positioning situations – use a div
.
Here’s an example showing how divs are often used to position content in the center with a max-width
.