There are eight page layout options
Here are the ways you can lay out an element in a single column.
The faint red lines are the page margins. The white box is the container. The dark grey box is the content.
Full width container with centred content
Full width container with left or right aligned content
Alternating or varied horizontal alignment
Nested containers with aligned content
Container starts at viewport edge, content starts at margin
Content starts at viewport edge
Next chapter →
← Previous chapter
Back to the table of contents