65 lines
1.6 KiB
HTML
65 lines
1.6 KiB
HTML
<!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>
|