blob: 4414bf4c51df6826d080128dc7c40ffd1c19a8df [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>the div{display:list-item} number generation bug in WebKit nightly </title>
<style type="text/css">
div {
padding-left: 2em;
border: solid black 1px;
}
table {
border: dashed black 1px;
}
table td {
border: dotted black 1px;
}
.list {
margin-left: 1.5em;
}
.listitem {
list-style-type: decimal;
list-style-position: outside;
display: list-item;
}
div div .listitem {
list-style-type: lower-alpha;
list-style-position: outside;
display: list-item;
}
</style>
</head>
<h2>A regular two level nested list</h2>
<p>The outer list is numbered using decimal numerals, the inner lists with lower case letters</p>
<div class="list">
<div class="listitem">Item 1</div>
<div class="listitem">Item 2
<div class="listitem">Item a<br />Item a, Line 2</div>
<div class="listitem">Item b</div>
<div class="listitem">Item c</div>
<div>Not a list item</div>
<div class="listitem">Item d</div>
</div>
<div class="listitem">Item 3</div>
<div>Not a list item
<div class="listitem">Item a<br />Item a, Line 2</div>
<div>Not a list item</div>
<div class="listitem">Item b</div>
</div>
<div class="listitem">Item 4</div>
<div class="listitem">Item 5
<table class="listitem"><tr><td>Table Cell A1</td><td>Table Cell B1</td></table>
<table class="listitem"><tr><td>Table 2 Cell A1</td><td>Table 2 Cell B1</td></table>
</div>
<div class="listitem">Item 6</div>
</div>
</html>