1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
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="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/list-style-position/inside/001-demo.html" type="text/html">
7 <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style">
8 <style type="text/css">
9 ol, li { margin: 0; padding: 0; border: 0; }
10 li, div {
11 color: blue;
12 border: solid silver 0.25em;
13 padding: 0.5em 0.5em 0.5em 3em;
14 list-style-position: inside; }
15 span { color: white; }
16 </style>
17 </head>
18 <body>
19 <ol>
20 <li>
21 <ol>
22 <li>
23 <ol>
24 <li>
25 <span>Text</span>
26 </li>
27 </ol>
28 </li>
29 </ol>
30 </li>
31 </ol>
32 <p>The above should render like the example below.</p>
33 <div>1.
34 <div>1.
35 <div>
36 1. <span>Text</span>
37 </div>
38 </div>
39 </div>
40 </body>
41 </html>