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

Part III: Advanced CSS and Alternative MediaFigure 14-8bUsing the display and list-style properties allows for emulation of the HTML element.Now that you have some idea of what is involved with using the display property to dictate the behaviorof XML elements, the following Try It Out example continues the Spicy Thai Peanut Sauce recipewith the addition of some style sheet rules.Try It OutApplying inline, block, and list StylesExample 14-3. Follow these steps to apply display property values to the Spicy Thai Peanut Saucerecipe.1. Enter the following CSS into your text editor:page {display: block;width: 100%;height: 100%;background: #fff url(‘fruit_veg_web.jpg’) no-repeat fixed center center;}recipe {display: block;font-family: monospace;padding: 10px;margin: 10px;/* Moz proprietary opacity property */-moz-opacity: 0.7;520