2020.2

Using the CSS position property
An element can be positioned independently of the text flow by changing its position property
to absolute or to relative (that is, relative to the 'parent', its container).
When an element is placed inside another element, such as a Box, changing its position
property to absolute positions the element absolutely inside its parent.
With the position property of an element set to absolute, the top or bottom and left or right
properties position the element inside its parent with exact values: pixels (px), centimeters (cm),
etc. Negative values are allowed.
Tip
You can quickly change the position property of an element in a Print section by right-
clicking it and selecting Convert to Absolute or Convert to Inline.
For an explanation of all values that the position property can possibly have, see
https://www.w3schools.com/css/css_positioning.asp.
Where to use it
In Print sections, setting the position property to absolute can be very useful. It takes the
element out of the text flow, so that the element stays where it is on the page. On Master Pages
(which are only used in Print sections) elements are always positioned absolutely; if not, they
must be located inside an element that has an absolute position.
In Email sections, do not use this property. Use Tables instead (see "Designing an Email
template" on page165 and "Table" on page275).
How to use it
In the Formatting dialog the position property can often be found on the first tab, under
Positioning. To open the Formatting dialog, right-click the element and click the respective
element on the shortcut menu. Alternatively, select the element (see "Selecting an element" on
page194) and on the Format menu click the respective element.
This property isn't present in one of the tab menus of the style rule editor, but you can add it and
specify a value after clicking the Advanced button in the style rule editor (see "Styling templates
with CSS files" on page287).
Page 306