1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html dir="rtl">
3 <head>
4 <title>CSS Test: Nested inside list markers (rtl)</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/002-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 3em 0.5em 0.5em;
14 list-style-position: inside; }
15 span { color: white; } </style>
16 </head>
17 <body>
18 <ol>
19 <li>
20 <ol>
21 <li>
22 <ol>
23 <li>
24 <span>List item text.</span>
25 </li>
26 </ol>
27 </li>
28 </ol>
29 </li>
30 </ol>
31 <p dir="ltr">The above should render like the example below.</p>
32 <div>1.
33 <div>1.
34 <div>
35 1. <span>List item text.</span>
36 </div>
37 </div>
38 </div>
39 </body>
40 </html>