2018.1

Boxes
Boxes are elements that are used to surround other elements, either to style them, to find them,
or to place them in specific locations.
Tip
Wrapping elements in a box (or in a semantic HTML element) makes it easier to target them in a
script or in a style sheet. Place the cursor in the element or select multiple elements. Then, on the
menu, click Insert > Wrap in Box. You can now use the wrapper element as a script's or style's
selector; see "Using the Text Script Wizard" on page290 and "Styling and formatting" on
page238.
Tip
With the Copy fit feature, text can automatically be scaled to the available space in a Box or Div.
See "Copy Fit" on page252.
Positioned Box
A Positioned Box is one that can be freely moved around the page and does not depend on the
position of other elements. A positioned box is actually a <div> element that has an absolute
position; in other words, it has its CSS property position set to absolute (see also: "Using the
CSS position property" on page256).
Positioned Boxes are suitable for use in Print templates only.
Adding a Positioned Box
To insert a Positioned Box, use the icon on the toolbar.
Moving and resizing a Positioned Box
Positioned Boxes can be moved by dragging the borders, and resized using the handles on the
sides and the corners. Pressing any arrow key moves the box by 1 pixel in the direction of that
key.
Page 211