2020.1

Table Of Contents
The top, right, bottom, and left properties specify offsets from the edges of the element's
containing block.
Where to use Tables and Boxes
Tables, Positioned Boxes and Inline Boxes can help position elements in relation to other
elements. It depends on the context which element is best to use.
In the Email context, Tables are the most reliable way to position text and images; see
"Designing an Email template" on page162 and "Table" on page272.
In the Print context, Tables can be used to position elements, as well as both types of Boxes;
see "Table" on page272 and "Boxes" on page250.
Spacing
Boxes, tables, paragraphs and many other elements have a margin and padding.
The margin is the white space around an element, outside the border. It is used to position an
element in relation to the other elements, by putting more space between the element and its
surrounding elements.
The padding is the space between an element's content and its border. It is used to position the
content of the element inside the border.
To learn how to set an element's spacing properties, see "Spacing" on page325.
Tip
Use a negative left margin to create a hanging paragraph or image.
Aligning objects
In Print sections, objects with an 'absolute position', such as a Positioned Box, have a fixed
position in relation to the page (see also: "Using the CSS position property" on the facing
page).
Objects with an absolute position can be aligned easily:
1.
Press the Ctrl key and hold it down while clicking on the objects that you want to align.
The last selected object is the reference object; this object will not be moved.
Page 301