Beginning CSS: Cascading Style Sheets for Web Design, 2nd ...

Chapter 14: XMLThis results in the output depicted in Figure 14-6c.Figure 14-6cJust as in HTML/XHTML, block-level element default behaviors still apply: The output will automaticallyspan the entire window unless told to do differently, because its default width value is auto. Withthis declaration, the element emulates the behavior of the element found inHTML and XHTML because it is the root element of the document. This is why you see the lightyellowbackground taking up the whole screen. In fact it’s the same thing as writing:How much wood would a woodchuck chuckif a woodchuck could chuck wood?A woodchuck would chuck all the wood awoodchuck could chuck if a woodchuckcould chuck wood.Styling List Items with display: list-itemThe display: list-item; declaration causes an element to appear with a default bullet character nextto it, as is the case with the element in HTML and XHTML. When combined with the liststyle-typeproperty or list-style-image properties (see Chapter 9), the list can be numbered, bulleted,or have a custom image applied. Consider the snip of XML in Figure 14-7a.517