tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

list-style-position-023.xht (1283B)


      1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      2 <html xmlns="http://www.w3.org/1999/xhtml">
      3  <head>
      4   <title>CSS Test: Nested inside list markers (ltr)</title>
      5   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
      6   <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-06 -->
      7   <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/list-style-position/inside/001-demo.html" type="text/html"/>
      8   <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
      9   <link rel="match" href="list-style-position-023-ref.xht" />
     10 
     11   <style type="text/css">
     12    ol, li { margin: 0; padding: 0; border: 0; }
     13    li, div {
     14       color: blue;
     15       border: solid silver 0.25em;
     16       padding: 0.5em 0.5em 0.5em 3em;
     17       list-style-position: inside; }
     18    span { color: white; }
     19   </style>
     20  </head>
     21  <body>
     22   <ol>
     23    <li>
     24     <ol>
     25      <li>
     26       <ol>
     27        <li>
     28         <span>Text</span>
     29        </li>
     30       </ol>
     31      </li>
     32     </ol>
     33    </li>
     34   </ol>
     35   <p>The above should render like the example below.</p>
     36   <div>1.
     37    <div>1.
     38     <div>
     39      1. <span>Text</span>
     40     </div>
     41    </div>
     42   </div>
     43  </body>
     44 </html>