1.5

Table Of Contents
Tip
Wrapping elements in a box (see "Boxes" on the previous page) or in a semantic HTML
element makes it easier to target them in a script or 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 page500 and "Styling and formatting" on page453.
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.
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. Positioned Boxes can be moved by
dragging the borders, and resized using the handles on the sides and the corners. They can be
styled using the Format > Box menu item, through the CTRL+M keyboard shortcut or through
the CSS files; see "Styling and formatting" on page453 and "Styling templates with CSS files"
on page454.
Inline Box
An Inline Box is one that is placed within the text flow, where other elements (including text)
can wrap around it. An inline box is actually a <div> element that is floating; in other words, it
has its CSS property float set to left, right or no float.
Inline Boxes can be used in Print context and in Web pages. It is common to do entire web
layouts using the float property. In Email templates, it is best to use Tables to position elements.
Adding an Inline Box
To insert an inline box, use the icon on the toolbar. Inline Boxes can be resized using the
handles on the sides and corner. They can be styled using the Format > Box menu item,
through the CTRL+M keyboard shortcut or through the CSS files; see "Styling and formatting"
on page453 and "Styling templates with CSS files" on page454.
Page 420