to set whether list item text wraps and indents (Outside) or whether the text wraps to the left margin (Inside). Positioning Options The Positioning category of the CSS Rule Definition dialog, shown in Figure 7.18, provides options that allow you to position <div> and <span> tags freely on the web page. Otherwise known as layers in Dreamweaver, the positioning properties allow for pinpoint accurate movement and placement of various elements in your web pages. Figure 7.18. Use the Positioning category to set placement properties for <div> and <span> tags.   Here is a list of properties exposed by the Positioning category: Type: Choose one of the three options in this menu to set the type of positioning the layer should have in the browser. Options include Absolute, Relative, and Static. Setting the type to Absolute guarantees that the layer's positioning is governed by the top-left corner of the page. Choose Relative when you want to position an element relative to another element's flow in the document. Choose Static when you want to place the layer in a fixed position in the text flow. Width and Height: Sets the width and height of the layer based on a value you enter and a measurement you select. Visibility: Choose an option from this menu to set the display condition of the layer on the page. Options include Inherit, Visible, and Hidden. Inherit guarantees that a nested layer will inherit the visibility properties of its parent layer. If it has no parent layer, the Visibility option defaults to Visible. Choose the Visible option when you want to show the layer regardless of the parent's value. Choose the Hidden option when you want to hide the layer regardless of the parent's value. We'll discuss visibility with more detail in Chapter 11, "Layers in Dreamweaver." Z-Index: One interesting aspect of layers is that they can be stacked and overlapped. Use the Z-index property to set the stacking order of layers. Higher Z-indexed layers appear above lower Z-indexed layers. We'll discuss layer stacking with more detail in Chapter 11. Overflow: Choose an option from this menu to set how content in the layer should be treated if it exceeds the width or height of the layer. Options include Visible, Hidden, Scroll, and Auto. Choose Visible when you want the layer to automatically resize if the content exceeds the width and/or height of the layer. Choose Hidden when you want the content of the layer to appear hidden if it exceeds the width or height of the layer. Alternatively, you can choose Scroll to automatically have scrollbars appear to the right and bottom of the layer, allowing you to scroll the content in the layer. The Scroll option displays scrollbars even if the content doesn't exceed the width or height. Finally, choose Auto when you want to display scrollbars in the layer only when the content exceeds the width or height of the layer. We'll discuss overflow with more detail in Chapter 11. Placement: Enter values in these text boxes to set the physical location of the layer on the page. Although the default measurement is represented by pixels, you can also choose to use picas, points, inches, millimeters, centimeters, percentages, or the European metric system by selecting the appropriate option from the measurement menu. We'll discuss placement with more detail in Chapter 11. Clip: Enter values in this series of text boxes to define the part of the layer that is visible. You can use these properties in conjunction with JavaScript to create visual effects such as transitions. Extensions