<!DOCTYPE html>
<html>
<head></head>
<body>
<h3>
List Test
</h3>
<div class="toc">
<p>
<b>Table of contents</b>
</p>
<ul>
<li>
<a href="#list_test.paragraphs_in_list_items">Paragraphs in list items</a>
</li>
<li>
<a href="#list_test.indented_code_blocks_in_lists">Indented code blocks
in lists</a>
</li>
</ul>
</div>
<p>
Simple list:
</p>
<ul>
<li>
<div>
A
</div>
</li>
<li>
<div>
B
</div>
</li>
</ul>
<p>
Simple list:
</p>
<ol>
<li>
<div>
A
</div>
</li>
<li>
<div>
B
</div>
</li>
</ol>
<p>
Two level list:
</p>
<ul>
<li>
<div>
A
<ul>
<li>
<div>
A
</div>
</li>
<li>
<div>
B
</div>
</li>
</ul>
</div>
</li>
<li>
<div>
B
<ul>
<li>
<div>
A
</div>
</li>
<li>
<div>
B
</div>
</li>
</ul>
</div>
</li>
</ul>
<p>
Two level list:
</p>
<ol>
<li>
<div>
A
<ul>
<li>
<div>
A
</div>
</li>
<li>
<div>
B
</div>
</li>
</ul>
</div>
</li>
<li>
<div>
B
<ul>
<li>
<div>
A
</div>
</li>
<li>
<div>
B
</div>
</li>
</ul>
</div>
</li>
</ol>
<p>
Three level list:
</p>
<ol>
<li>
<div>
A
<ul>
<li>
<div>
A
</div>
</li>
<li>
<div>
B
<ul>
<li>
<div>
C
</div>
</li>
<li>
<div>
D
</div>
</li>
</ul>
</div>
</li>
<li>
<div>
E
</div>
</li>
<li>
<div>
F
<ul>
<li>
<div>
G
</div>
</li>
<li>
<div>
H
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
</ol>
<p>
Three level list:
</p>
<ol>
<li>
<div>
A
<ul>
<li>
<div>
A
</div>
</li>
<li>
<div>
B
<ol>
<li>
<div>
C
</div>
</li>
<li>
<div>
D
</div>
</li>
</ol>
</div>
</li>
</ul>
</div>
</li>
<li>
<div>
G
</div>
</li>
<li>
<div>
H
</div>
</li>
</ol>
<p>
Inconsistent Indentation:
</p>
<ul>
<li>
<div>
A1
<ul>
<li>
<div>
B1
</div>
</li>
<li>
<div>
B2
<ul>
<li>
<div>
C1
</div>
</li>
<li>
<div>
C2
</div>
</li>
</ul>
</div>
</li>
<li>
<div>
B3
</div>
</li>
<li>
<div>
B4
</div>
</li>
<li>
<div>
B5
<ul>
<li>
<div>
C3
</div>
</li>
</ul>
</div>
</li>
<li>
<div>
B6
</div>
</li>
</ul>
</div>
</li>
<li>
<div>
A2
</div>
</li>
<li>
<div>
A3
</div>
</li>
</ul>
<p>
Markup in list:
</p>
<ul>
<li>
<div>
<span class="bold"><strong>Bold</strong></span>
</div>
</li>
<li>
<div>
<span class="bold"><strong>Bold</strong></span>
</div>
</li>
<li>
<div>
<q>Quoted</q>
</div>
</li>
<li>
<div>
<a id="list_test.f0" href="#footnote-1"><sup class="footnote">[1]</sup></a>
</div>
</li>
<li>
<div class="informaltable">
<table>
<thead>
<tr>
<th>
<p>
Heading
</p>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>
Cell
</p>
</td>
</tr>
</tbody>
</table>
</div>
</li>
<li>
<h2 id="list_test.the_heading_for_a_list_item">
The heading for a list item
</h2>
<div>
The content of the list item.
</div>
</li>
</ul>
<p>
Don't end list with comment 1:
</p>
<ul>
<li>
<div>
A1
</div>
</li>
<li>
<div>
A2
</div>
</li>
<li>
<div>
A3
</div>
</li>
<li>
<div>
A4
</div>
</li>
</ul>
<p>
Don't end list with comment 2:
</p>
<ul>
<li>
<div>
A1
<ul>
<li>
<div>
B1
</div>
</li>
<li>
<div>
B2
</div>
</li>
<li>
<div>
B3
</div>
</li>
</ul>
</div>
</li>
</ul>
<div id="list_test.paragraphs_in_list_items">
<h3>
Paragraphs in list items
</h3>
<div id="list_test.paragraphs_in_list_items">
<ul>
<li>
<div>
A1
</div>
<div>
A2
</div>
</li>
<li>
<div>
B1
<ul>
<li>
<div>
C1
</div>
<div>
C2
</div>
</li>
</ul>
</div>
<div>
B2
</div>
</li>
<li>
<div>
D1
<ul>
<li>
<div>
E1
</div>
<div>
E2
</div>
<div>
E3
</div>
</li>
</ul>
</div>
<div>
D2
</div>
</li>
</ul>
</div>
</div>
<div id="list_test.indented_code_blocks_in_lists">
<h3>
Indented code blocks in lists
</h3>
<div id="list_test.indented_code_blocks_in_lists">
<ul>
<li>
<div>
A
</div>
<pre class="programlisting"><span class="identifier">B</span>
</pre>
<div>
C
</div>
</li>
<li>
<div>
D
</div>
<pre class="programlisting"><span class="identifier">E</span>
</pre>
</li>
<li>
<div>
F
</div>
</li>
</ul>
</div>
</div>
<div class="footnotes">
<br/>
<hr/>
<div id="footnote-1" class="footnote">
<p>
<a href="#list_test.f0"><sup>[1]</sup></a> Footnote
</p>
</div>
</div>
</body>
</html>