2022.1

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 page549 and "Table" on page769.
In the Web context, Inline Boxes are the preferred way to position elements; see "Boxes" on
page730. Tables should only be used to display data in a tabular format, not to position text
and images. Tables used in web pages to position elements (and often, Positioned Boxes)
make those pages less accessible to users with disabilities and to viewers using smaller
devices.
In the Print context, Tables can be used to position elements, as well as both types of Boxes;
see "Table" on page769 and "Boxes" on page730.
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829.
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 next page).
Objects with an absolute position can be aligned easily:
Page 804