Arrange, position and text flow
Three sections of Properties decide where blocks go: Arrange for the blocks inside a box, Position for the block itself, and Text flow for text around it.
Arrange
On a box, Arrangement is Stacked (one under another), In a row (side by side) or Grid (rows and columns). In a row or a stack you can then line up the blocks, share the free space among them, and set the space between them. A box whose layout comes from its own CSS says so, until you choose one.
Position
- Static: in the flow of the document, where it falls.
- Relative: in the flow, moved by an offset.
- Absolute: at a set place inside the box that holds it, out of the flow.
- Fixed (on every page): at a set place on every page, as a logo or a watermark.
- Sticky (in place in print): a printed page does not scroll, so it stays where the flow puts it, as Static does.
Text flow
Text wrapping lets text run around a block, a picture on the left or the right; Start below floats starts a block under them. Text columns sets columns inside a block, with their width, the gap between them and how the text fills them.
Seeing it on the page
In View, under On the page: Spacing and columns (Ctrl Shift O) shows the space around blocks and the columns of boxes, and Outline every block (Alt O) draws each block’s edge.
