<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>CSS 2.1 Test Suite: list-style-position</title>
<style type="text/css">
ol { width: 10em; margin: 0.1em 5em; padding: 0; }
li { margin: 0; padding: 0; }
.one { list-style-position: outside; background: navy; color: white; }
.one span { color: navy; unicode-bidi: isolate; font-variant-numeric: tabular-nums; }
.two { list-style-position: inside; background: navy; color: navy; }
.two span { color: white; }
</style>
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#q10" title="12.5 Lists">
</head>
<body>
<p>The following two boxes should be identical, to the pixel.</p>
<ol class="one">
<li><span>1. </span> Test</li>
</ol>
<ol class="two">
<li><span> Test</span></li>
</ol>
</body>
</html>
Codebase Browser
chromium