topical media & game development

talk show tell print

lib-present-style-bullet-chapter5-box-hinting.htm / htm



  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  

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>
  


(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.