Position items on a web page
You can position items on a page by designing a page layout that uses DIV elements, CSS, tables, or frames to structure the page. You can also position one or more items in a page by setting CSS-based properties for an item or an element that contains one or more items.
In addition to the steps that are provided in this topic, you can also set these CSS-based properties by using the Positioning toolbar or the CSS Properties panel. The Quick Tag Selector bar also enables you to quickly set the positioning style of a tag. For more information about the Positioning toolbar, see Positioning toolbar. For more information about the CSS Properties panel, see CSS Properties panel. For more information about the Quick Tag Selector, see Quick Tag Selector.
In Design view or Code view, put your cursor in the content you want to position or select the content.
To open the Position dialog box, do one of the following:
In your web page, select the element that you want to modify, and then on the Format menu, click Position.
In the Layers panel, right-click the layer, and select Positioning.
To specify how you want the page elements to wrap around the item, in the Position dialog box, under Wrapping style, select a style.
To specify the positioning style of the item, under Positioning style, select an option.
To specify the relative position coordinates of the layer, under Location and size, enter values in the Left, Right, Top, and Bottom boxes.
To set an item's order on the z-axis, specify a value in the Z-Order box.