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