box hinting 


  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Box Hinting</title>

style(s) 


  <style type="text/css">
  body {
   margin: 0;
   padding: 2em;
   font-family: Helvetica, Arial, sans-serif;
   font-size: small;
   color: #333;
   }

list(s) 


  ol {
   width: 22em;
   margin: 0;
   padding: 0;
   list-style: none;
   }

list(s) / item(s) 


  ol li {
   margin: 0;
   padding: 1em;
   line-height: 1.5em;
   }
  ol li.alt {
   background: #e0eac5 url(lib-present-style-bullet-chapter5-img-corner.gif) no-repeat bottom right;
   }
  
  </style>
  </head>

body 


  <body>
  
  <ol>
   <li class="alt">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam et magna. Nam mattis, risus ac malesuada blandit.</li>
   <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam et magna. Nam mattis, risus ac malesuada blandit.</li>
   <li class="alt">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam et magna. Nam mattis, risus ac malesuada blandit.</li>
   <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam et magna. Nam mattis, risus ac malesuada blandit.</li>
  </ol>
  
  </body>
  </html>