<html>
<head>
<title>OL Display Types LayoutTest</title>
<style>
.inside {
list-style-position: inside;
background: #cff;
padding: 0;
}
</style>
</head>
<body>
<p>Test of various CSS display types for list elements. All visible elements that have a display-type of list-item are given a number. This is generally going to be LI element.</p>
<table border="0">
<tr><td>
<ol start="3">
<li>Should be 3</li>
<li style="display: none;">Invisible and has no item</li>
<li>Should be 4</li>
<li style="display: block;">Should not have a number</li>
<li>Should be 5</li>
<li style="display: inline;">Should not have a number</li>
<li>Should be 6</li>
<div style="display: block;">Should not have a number</div>
<div style="display: list-item;">Should be 7</div>
<li>Should be 8</li>
<li style="list-style-type: none;">Should not have a number</li>
<li>Should be 10</li>
<li style="list-style-type: disc;">Should have a disc</li>
<li>Should be 12</li>
<li style="list-style-type: square;">Should have a square</li>
<li>Should be 14</li>
<li style="list-style-type: circle;">Should have a circle</li>
<li>Should be 16</li>
<li style="list-style-type: disclosure-open;">Should have a triangle</li>
<li style="list-style-type: disclosure-closed;">Should have another triangle</li>
</ol>
<td>
<ol start="3" class="inside">
<li>Should be 3</li>
<li style="display: none;">Invisible and has no item</li>
<li>Should be 4</li>
<li style="display: block;">Should not have a number</li>
<li>Should be 5</li>
<li style="display: inline;">Should not have a number</li>
<li>Should be 6</li>
<div style="display: block;">Should not have a number</div>
<div style="display: list-item;">Should be 7</div>
<li>Should be 8</li>
<li style="list-style-type: none;">Should not have a number</li>
<li>Should be 10</li>
<li style="list-style-type: disc;">Should have a disc</li>
<li>Should be 12</li>
<li style="list-style-type: square;">Should have a square</li>
<li>Should be 14</li>
<li style="list-style-type: circle;">Should have a circle</li>
<li>Should be 16</li>
<li style="list-style-type: disclosure-open;">Should have a triangle</li>
<li style="list-style-type: disclosure-closed;">Should have another triangle</li>
</ol>
</tr></table>
</body>
</html>
Codebase Browser
chromium