• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<!DOCTYPE html>
2<html>
3  <head></head>
4  <body>
5    <h3>
6      List Test
7    </h3>
8    <div class="toc">
9      <p>
10        <b>Table of contents</b>
11      </p>
12      <ul>
13        <li>
14          <a href="#list_test.list_immediately_following_marku">List immediately
15          following markup</a>
16        </li>
17        <li>
18          <a href="#list_test.list_immediately_following_mark0">List immediately
19          following markup 2</a>
20        </li>
21      </ul>
22    </div>
23    <p>
24      Simple list:
25    </p>
26    <ul>
27      <li>
28        <div>
29          A
30        </div>
31      </li>
32      <li>
33        <div>
34          B
35        </div>
36      </li>
37    </ul>
38    <p>
39      Simple list:
40    </p>
41    <ol>
42      <li>
43        <div>
44          A
45        </div>
46      </li>
47      <li>
48        <div>
49          B
50        </div>
51      </li>
52    </ol>
53    <p>
54      Two level list:
55    </p>
56    <ul>
57      <li>
58        <div>
59          A
60          <ul>
61            <li>
62              <div>
63                A
64              </div>
65            </li>
66            <li>
67              <div>
68                B
69              </div>
70            </li>
71          </ul>
72        </div>
73      </li>
74      <li>
75        <div>
76          B
77          <ul>
78            <li>
79              <div>
80                A
81              </div>
82            </li>
83            <li>
84              <div>
85                B
86              </div>
87            </li>
88          </ul>
89        </div>
90      </li>
91    </ul>
92    <p>
93      Two level list:
94    </p>
95    <ol>
96      <li>
97        <div>
98          A
99          <ul>
100            <li>
101              <div>
102                A
103              </div>
104            </li>
105            <li>
106              <div>
107                B
108              </div>
109            </li>
110          </ul>
111        </div>
112      </li>
113      <li>
114        <div>
115          B
116          <ul>
117            <li>
118              <div>
119                A
120              </div>
121            </li>
122            <li>
123              <div>
124                B
125              </div>
126            </li>
127          </ul>
128        </div>
129      </li>
130    </ol>
131    <p>
132      Three level list:
133    </p>
134    <ol>
135      <li>
136        <div>
137          A
138          <ul>
139            <li>
140              <div>
141                A
142              </div>
143            </li>
144            <li>
145              <div>
146                B
147                <ul>
148                  <li>
149                    <div>
150                      C
151                    </div>
152                  </li>
153                  <li>
154                    <div>
155                      D
156                    </div>
157                  </li>
158                </ul>
159              </div>
160            </li>
161            <li>
162              <div>
163                E
164              </div>
165            </li>
166            <li>
167              <div>
168                F
169                <ul>
170                  <li>
171                    <div>
172                      G
173                    </div>
174                  </li>
175                  <li>
176                    <div>
177                      H
178                    </div>
179                  </li>
180                </ul>
181              </div>
182            </li>
183          </ul>
184        </div>
185      </li>
186    </ol>
187    <p>
188      Three level list:
189    </p>
190    <ol>
191      <li>
192        <div>
193          A
194          <ul>
195            <li>
196              <div>
197                A
198              </div>
199            </li>
200            <li>
201              <div>
202                B
203                <ol>
204                  <li>
205                    <div>
206                      C
207                    </div>
208                  </li>
209                  <li>
210                    <div>
211                      D
212                    </div>
213                  </li>
214                </ol>
215              </div>
216            </li>
217          </ul>
218        </div>
219      </li>
220      <li>
221        <div>
222          G
223        </div>
224      </li>
225      <li>
226        <div>
227          H
228        </div>
229      </li>
230    </ol>
231    <p>
232      Inconsistent Indentation:
233    </p>
234    <ul>
235      <li>
236        <div>
237          A1
238          <ul>
239            <li>
240              <div>
241                B1
242              </div>
243            </li>
244            <li>
245              <div>
246                B2
247                <ul>
248                  <li>
249                    <div>
250                      C1
251                    </div>
252                  </li>
253                  <li>
254                    <div>
255                      C2
256                    </div>
257                  </li>
258                </ul>
259              </div>
260            </li>
261            <li>
262              <div>
263                B3
264              </div>
265            </li>
266            <li>
267              <div>
268                B4
269              </div>
270            </li>
271            <li>
272              <div>
273                B5
274                <ul>
275                  <li>
276                    <div>
277                      C3
278                    </div>
279                  </li>
280                </ul>
281              </div>
282            </li>
283            <li>
284              <div>
285                B6
286              </div>
287            </li>
288          </ul>
289        </div>
290      </li>
291      <li>
292        <div>
293          A2
294        </div>
295      </li>
296      <li>
297        <div>
298          A3
299        </div>
300      </li>
301    </ul>
302    <p>
303      Markup in list:
304    </p>
305    <ul>
306      <li>
307        <div>
308          <span class="bold"><strong>Bold</strong></span>
309        </div>
310      </li>
311      <li>
312        <div>
313          <span class="bold"><strong>Bold</strong></span>
314        </div>
315      </li>
316      <li>
317        <div>
318          <q>Quoted</q>
319        </div>
320      </li>
321      <li>
322        <div>
323          <a id="list_test.f0" href="#footnote-1"><sup class="footnote">[1]</sup></a>
324        </div>
325      </li>
326      <li>
327        <div class="informaltable">
328          <table>
329            <thead>
330              <tr>
331                <th>
332                  <p>
333                    Heading
334                  </p>
335                </th>
336              </tr>
337            </thead>
338            <tbody>
339              <tr>
340                <td>
341                  <p>
342                    Cell
343                  </p>
344                </td>
345              </tr>
346            </tbody>
347          </table>
348        </div>
349        <div>
350          Some text.
351        </div>
352      </li>
353      <li>
354        <div>
355          [section Doesn't expand] Blah, blah. [endsect]
356        </div>
357      </li>
358      <li>
359        <div>
360          Paragraph cheat 1.
361        </div>
362        <div>
363          Paragraph cheat 2.
364        </div>
365      </li>
366      <li>
367        <div>
368          Paragraph cheat 3.
369        </div>
370        <div>
371          Paragraph cheat 4.
372        </div>
373      </li>
374    </ul>
375    <p>
376      Don't end list with comment 1:
377    </p>
378    <ul>
379      <li>
380        <div>
381          A1
382        </div>
383      </li>
384      <li>
385        <div>
386          A2
387        </div>
388      </li>
389      <li>
390        <div>
391          A3
392        </div>
393      </li>
394      <li>
395        <div>
396          A4
397        </div>
398      </li>
399    </ul>
400    <p>
401      Don't end list with comment 2:
402    </p>
403    <ul>
404      <li>
405        <div>
406          A1
407          <ul>
408            <li>
409              <div>
410                B1
411              </div>
412            </li>
413            <li>
414              <div>
415                B2
416              </div>
417            </li>
418            <li>
419              <div>
420                B3
421              </div>
422            </li>
423          </ul>
424        </div>
425      </li>
426    </ul>
427    <div id="list_test.list_immediately_following_marku">
428      <h3>
429        List immediately following markup
430      </h3>
431      <div id="list_test.list_immediately_following_marku">
432        <ul>
433          <li>
434            <div>
435              One
436            </div>
437          </li>
438          <li>
439            <div>
440              Two
441            </div>
442          </li>
443          <li>
444            <div>
445              Three
446            </div>
447          </li>
448        </ul>
449      </div>
450    </div>
451    <div id="list_test.list_immediately_following_mark0">
452      <h3>
453        List immediately following markup 2
454      </h3>
455      <div id="list_test.list_immediately_following_mark0">
456        <ul>
457          <li>
458            <div>
459              One [section Nested section]
460            </div>
461          </li>
462          <li>
463            <div>
464              Two [endsect]
465            </div>
466          </li>
467        </ul>
468      </div>
469    </div>
470    <div class="footnotes">
471      <br/>
472      <hr/>
473      <div id="footnote-1" class="footnote">
474        <p>
475          <a href="#list_test.f0"><sup>[1]</sup></a> Footnote
476        </p>
477      </div>
478    </div>
479  </body>
480</html>
481