2018.2

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 page251 and "Styling templates with CSS files" on page253.
Positioning an Inline Box
Initially an Inline Box will float to the left. Use the (Float left), (No float) and (Float
right) icons on the toolbar to change the position of an Inline Box within the text.
l
The Float leftbutton aligns the Inline Box to the left. The text is positioned to the right of it
and is wrapped around the box.
l
The Float rightbutton aligns the Inline Box to the right, with the text wrapped around it to
the left.
l
The No float button positions the Inline Box where it occurs in the text.
It is not possible to move an Inline Box using drag and drop. To move the Inline Box to another
position in the text, you have to edit the HTML on the Source tab in the Workspace, moving the
<div> element using cut and paste. To open the Source tab, click it (at the bottom of the
Workspace) or select View > Source View.
Span
The Span element (<span> in HTML code) is used to group inline elements, such as text in a
paragraph. A Span doesn't provide any visual change by itself, but it provides a way to target its
content in a script or in a style sheet.
To wrap content in a span, select the text and other inline elements and click Insert > Wrap in
Span on the menu. Give the span an ID, if you are going to add a style rule or script for it that is
unique to this span; or give the span a class, if this span can be targeted by a style or script
along with other pieces of content. Now you can use the wrapper's ID or class as a script's or
style's selector; see "Using the Text Script Wizard" on page305 and "Styling and formatting"
on page251.
Page 224