Source code
Revision control
Copy as Markdown
Other Tools
<head>
<title>CSS Test: list-style-type</title>
<link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<style type="text/css"><![CDATA[
body { color: navy; }
.four {list-style-type: lower-roman;}
.five {list-style-type: upper-roman;}
.six {list-style-type: lower-alpha;}
.seven {list-style-type: upper-alpha;}
.eight {list-style-type: decimal;}
]]></style>
</head>
<body>
<p>The two columns should look the same, except for alignment.</p>
<ol class="four">
<li>i.</li>
<li>ii.</li>
<li>iii.</li>
</ol>
<ol class="five">
<li>I.</li>
<li>II.</li>
<li>III.</li>
</ol>
<ol class="six">
<li>a.</li>
<li>b.</li>
<li>c.</li>
</ol>
<ol class="seven">
<li>A.</li>
<li>B.</li>
<li>C.</li>
</ol>
<ol class="seven">
<li>A.</li>
<li>B.</li>
<li class="eight">3.</li>
</ol>
</body>
</html>