git.iko.soy/typeable/pandoc
on dark-mode help sign in
typeable/pandoc/test/writer.html5
705 lines 19 kB history raw
1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
3<head>
4 <meta charset="utf-8" />
5 <meta name="generator" content="pandoc" />
6 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
7 <meta name="author" content="John MacFarlane" />
8 <meta name="author" content="Anonymous" />
9 <meta name="dcterms.date" content="2006-07-17" />
10 <title>Pandoc Test Suite</title>
11 <style>
12 html {
13 line-height: 1.5;
14 font-family: Georgia, serif;
15 font-size: 20px;
16 color: #1a1a1a;
17 background-color: #fdfdfd;
18 }
19 body {
20 margin: 0 auto;
21 max-width: 36em;
22 padding-left: 50px;
23 padding-right: 50px;
24 padding-top: 50px;
25 padding-bottom: 50px;
26 hyphens: auto;
27 word-wrap: break-word;
28 text-rendering: optimizeLegibility;
29 font-kerning: normal;
30 }
31 @media (max-width: 600px) {
32 body {
33 font-size: 0.9em;
34 padding: 1em;
35 }
36 }
37 @media print {
38 body {
39 background-color: transparent;
40 color: black;
41 font-size: 12pt;
42 }
43 p, h2, h3 {
44 orphans: 3;
45 widows: 3;
46 }
47 h2, h3, h4 {
48 page-break-after: avoid;
49 }
50 }
51 p {
52 margin: 1em 0;
53 }
54 a {
55 color: #1a1a1a;
56 }
57 a:visited {
58 color: #1a1a1a;
59 }
60 img {
61 max-width: 100%;
62 }
63 h1, h2, h3, h4, h5, h6 {
64 margin-top: 1.4em;
65 }
66 h5, h6 {
67 font-size: 1em;
68 font-style: italic;
69 }
70 h6 {
71 font-weight: normal;
72 }
73 ol, ul {
74 padding-left: 1.7em;
75 margin-top: 1em;
76 }
77 li > ol, li > ul {
78 margin-top: 0;
79 }
80 blockquote {
81 margin: 1em 0 1em 1.7em;
82 padding-left: 1em;
83 border-left: 2px solid #e6e6e6;
84 color: #606060;
85 }
86 code {
87 font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace;
88 font-size: 85%;
89 margin: 0;
90 }
91 pre {
92 margin: 1em 0;
93 overflow: auto;
94 }
95 pre code {
96 padding: 0;
97 overflow: visible;
98 }
99 .sourceCode {
100 background-color: transparent;
101 overflow: visible;
102 }
103 hr {
104 background-color: #1a1a1a;
105 border: none;
106 height: 1px;
107 margin: 1em 0;
108 }
109 table {
110 margin: 1em 0;
111 border-collapse: collapse;
112 width: 100%;
113 overflow-x: auto;
114 display: block;
115 font-variant-numeric: lining-nums tabular-nums;
116 }
117 table caption {
118 margin-bottom: 0.75em;
119 }
120 tbody {
121 margin-top: 0.5em;
122 border-top: 1px solid #1a1a1a;
123 border-bottom: 1px solid #1a1a1a;
124 }
125 th {
126 border-top: 1px solid #1a1a1a;
127 padding: 0.25em 0.5em 0.25em 0.5em;
128 }
129 td {
130 padding: 0.125em 0.5em 0.25em 0.5em;
131 }
132 header {
133 margin-bottom: 4em;
134 text-align: center;
135 }
136 #TOC li {
137 list-style: none;
138 }
139 #TOC a:not(:hover) {
140 text-decoration: none;
141 }
142 code{white-space: pre-wrap;}
143 span.smallcaps{font-variant: small-caps;}
144 span.underline{text-decoration: underline;}
145 div.column{display: inline-block; vertical-align: top; width: 50%;}
146 div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
147 ul.task-list{list-style: none;}
148 .display.math{display: block; text-align: center; margin: 0.5rem auto;}
149 @media screen and (prefers-color-scheme: dark) {
150 html {
151 color: #d3d3d3;
152 background-color: #101010;
153 }
154 a, a:visited {
155 color: #d3d3d3;
156 }
157 blockquote {
158 border-color: #707070;
159 color: #d3d3d3;
160 }
161 hr {
162 background-color: #d3d3d3;
163 }
164 tbody, th {
165 border-color: #d3d3d3;
166 }
167 pre, code {
168 background-color: #1b1b1b;
169 }
170 }
171 </style>
172 <!--[if lt IE 9]>
173 <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
174 <![endif]-->
175</head>
176<body>
177<header id="title-block-header">
178<h1 class="title">Pandoc Test Suite</h1>
179<p class="author">John MacFarlane</p>
180<p class="author">Anonymous</p>
181<p class="date">July 17, 2006</p>
182</header>
183<p>This is a set of tests for pandoc. Most of them are adapted from John Gruber’s markdown test suite.</p>
184<hr />
185<h1 id="headers">Headers</h1>
186<h2 id="level-2-with-an-embedded-link">Level 2 with an <a href="/url">embedded link</a></h2>
187<h3 id="level-3-with-emphasis">Level 3 with <em>emphasis</em></h3>
188<h4 id="level-4">Level 4</h4>
189<h5 id="level-5">Level 5</h5>
190<h1 id="level-1">Level 1</h1>
191<h2 id="level-2-with-emphasis">Level 2 with <em>emphasis</em></h2>
192<h3 id="level-3">Level 3</h3>
193<p>with no blank line</p>
194<h2 id="level-2">Level 2</h2>
195<p>with no blank line</p>
196<hr />
197<h1 id="paragraphs">Paragraphs</h1>
198<p>Here’s a regular paragraph.</p>
199<p>In Markdown 1.0.0 and earlier. Version 8. This line turns into a list item. Because a hard-wrapped line in the middle of a paragraph looked like a list item.</p>
200<p>Here’s one with a bullet. * criminey.</p>
201<p>There should be a hard line break<br />
202here.</p>
203<hr />
204<h1 id="block-quotes">Block Quotes</h1>
205<p>E-mail style:</p>
206<blockquote>
207<p>This is a block quote. It is pretty short.</p>
208</blockquote>
209<blockquote>
210<p>Code in a block quote:</p>
211<pre><code>sub status {
212 print &quot;working&quot;;
213}</code></pre>
214<p>A list:</p>
215<ol type="1">
216<li>item one</li>
217<li>item two</li>
218</ol>
219<p>Nested block quotes:</p>
220<blockquote>
221<p>nested</p>
222</blockquote>
223<blockquote>
224<p>nested</p>
225</blockquote>
226</blockquote>
227<p>This should not be a block quote: 2 &gt; 1.</p>
228<p>And a following paragraph.</p>
229<hr />
230<h1 id="code-blocks">Code Blocks</h1>
231<p>Code:</p>
232<pre><code>---- (should be four hyphens)
234sub status {
235 print &quot;working&quot;;
238this code block is indented by one tab</code></pre>
239<p>And:</p>
240<pre><code> this code block is indented by two tabs
242These should not be escaped: \$ \\ \&gt; \[ \{</code></pre>
243<hr />
244<h1 id="lists">Lists</h1>
245<h2 id="unordered">Unordered</h2>
246<p>Asterisks tight:</p>
247<ul>
248<li>asterisk 1</li>
249<li>asterisk 2</li>
250<li>asterisk 3</li>
251</ul>
252<p>Asterisks loose:</p>
253<ul>
254<li><p>asterisk 1</p></li>
255<li><p>asterisk 2</p></li>
256<li><p>asterisk 3</p></li>
257</ul>
258<p>Pluses tight:</p>
259<ul>
260<li>Plus 1</li>
261<li>Plus 2</li>
262<li>Plus 3</li>
263</ul>
264<p>Pluses loose:</p>
265<ul>
266<li><p>Plus 1</p></li>
267<li><p>Plus 2</p></li>
268<li><p>Plus 3</p></li>
269</ul>
270<p>Minuses tight:</p>
271<ul>
272<li>Minus 1</li>
273<li>Minus 2</li>
274<li>Minus 3</li>
275</ul>
276<p>Minuses loose:</p>
277<ul>
278<li><p>Minus 1</p></li>
279<li><p>Minus 2</p></li>
280<li><p>Minus 3</p></li>
281</ul>
282<h2 id="ordered">Ordered</h2>
283<p>Tight:</p>
284<ol type="1">
285<li>First</li>
286<li>Second</li>
287<li>Third</li>
288</ol>
289<p>and:</p>
290<ol type="1">
291<li>One</li>
292<li>Two</li>
293<li>Three</li>
294</ol>
295<p>Loose using tabs:</p>
296<ol type="1">
297<li><p>First</p></li>
298<li><p>Second</p></li>
299<li><p>Third</p></li>
300</ol>
301<p>and using spaces:</p>
302<ol type="1">
303<li><p>One</p></li>
304<li><p>Two</p></li>
305<li><p>Three</p></li>
306</ol>
307<p>Multiple paragraphs:</p>
308<ol type="1">
309<li><p>Item 1, graf one.</p>
310<p>Item 1. graf two. The quick brown fox jumped over the lazy dog’s back.</p></li>
311<li><p>Item 2.</p></li>
312<li><p>Item 3.</p></li>
313</ol>
314<h2 id="nested">Nested</h2>
315<ul>
316<li>Tab
317<ul>
318<li>Tab
319<ul>
320<li>Tab</li>
321</ul></li>
322</ul></li>
323</ul>
324<p>Here’s another:</p>
325<ol type="1">
326<li>First</li>
327<li>Second:
328<ul>
329<li>Fee</li>
330<li>Fie</li>
331<li>Foe</li>
332</ul></li>
333<li>Third</li>
334</ol>
335<p>Same thing but with paragraphs:</p>
336<ol type="1">
337<li><p>First</p></li>
338<li><p>Second:</p>
339<ul>
340<li>Fee</li>
341<li>Fie</li>
342<li>Foe</li>
343</ul></li>
344<li><p>Third</p></li>
345</ol>
346<h2 id="tabs-and-spaces">Tabs and spaces</h2>
347<ul>
348<li><p>this is a list item indented with tabs</p></li>
349<li><p>this is a list item indented with spaces</p>
350<ul>
351<li><p>this is an example list item indented with tabs</p></li>
352<li><p>this is an example list item indented with spaces</p></li>
353</ul></li>
354</ul>
355<h2 id="fancy-list-markers">Fancy list markers</h2>
356<ol start="2" type="1">
357<li><p>begins with 2</p></li>
358<li><p>and now 3</p>
359<p>with a continuation</p>
360<ol start="4" type="i">
361<li>sublist with roman numerals, starting with 4</li>
362<li>more items
363<ol type="A">
364<li>a subsublist</li>
365<li>a subsublist</li>
366</ol></li>
367</ol></li>
368</ol>
369<p>Nesting:</p>
370<ol type="A">
371<li>Upper Alpha
372<ol type="I">
373<li>Upper Roman.
374<ol start="6" type="1">
375<li>Decimal start with 6
376<ol start="3" type="a">
377<li>Lower alpha with paren</li>
378</ol></li>
379</ol></li>
380</ol></li>
381</ol>
382<p>Autonumbering:</p>
383<ol>
384<li>Autonumber.</li>
385<li>More.
386<ol>
387<li>Nested.</li>
388</ol></li>
389</ol>
390<p>Should not be a list item:</p>
391<p>M.A. 2007</p>
392<p>B. Williams</p>
393<hr />
394<h1 id="definition-lists">Definition Lists</h1>
395<p>Tight using spaces:</p>
396<dl>
397<dt>apple</dt>
398<dd>red fruit
399</dd>
400<dt>orange</dt>
401<dd>orange fruit
402</dd>
403<dt>banana</dt>
404<dd>yellow fruit
405</dd>
406</dl>
407<p>Tight using tabs:</p>
408<dl>
409<dt>apple</dt>
410<dd>red fruit
411</dd>
412<dt>orange</dt>
413<dd>orange fruit
414</dd>
415<dt>banana</dt>
416<dd>yellow fruit
417</dd>
418</dl>
419<p>Loose:</p>
420<dl>
421<dt>apple</dt>
422<dd><p>red fruit</p>
423</dd>
424<dt>orange</dt>
425<dd><p>orange fruit</p>
426</dd>
427<dt>banana</dt>
428<dd><p>yellow fruit</p>
429</dd>
430</dl>
431<p>Multiple blocks with italics:</p>
432<dl>
433<dt><em>apple</em></dt>
434<dd><p>red fruit</p>
435<p>contains seeds, crisp, pleasant to taste</p>
436</dd>
437<dt><em>orange</em></dt>
438<dd><p>orange fruit</p>
439<pre><code>{ orange code block }</code></pre>
440<blockquote>
441<p>orange block quote</p>
442</blockquote>
443</dd>
444</dl>
445<p>Multiple definitions, tight:</p>
446<dl>
447<dt>apple</dt>
448<dd>red fruit
449</dd>
450<dd>computer
451</dd>
452<dt>orange</dt>
453<dd>orange fruit
454</dd>
455<dd>bank
456</dd>
457</dl>
458<p>Multiple definitions, loose:</p>
459<dl>
460<dt>apple</dt>
461<dd><p>red fruit</p>
462</dd>
463<dd><p>computer</p>
464</dd>
465<dt>orange</dt>
466<dd><p>orange fruit</p>
467</dd>
468<dd><p>bank</p>
469</dd>
470</dl>
471<p>Blank line after term, indented marker, alternate markers:</p>
472<dl>
473<dt>apple</dt>
474<dd><p>red fruit</p>
475</dd>
476<dd><p>computer</p>
477</dd>
478<dt>orange</dt>
479<dd><p>orange fruit</p>
480<ol type="1">
481<li>sublist</li>
482<li>sublist</li>
483</ol>
484</dd>
485</dl>
486<h1 id="html-blocks">HTML Blocks</h1>
487<p>Simple block on one line:</p>
488<div>
489foo
490</div>
491<p>And nested without indentation:</p>
492<div>
493<div>
494<div>
495<p>foo</p>
496</div>
497</div>
498<div>
499bar
500</div>
501</div>
502<p>Interpreted markdown in a table:</p>
503<table>
504<tr>
505<td>
506This is <em>emphasized</em>
507</td>
508<td>
509And this is <strong>strong</strong>
510</td>
511</tr>
512</table>
513<script type="text/javascript">document.write('This *should not* be interpreted as markdown');</script>
514<p>Here’s a simple block:</p>
515<div>
516<p>foo</p>
517</div>
518<p>This should be a code block, though:</p>
519<pre><code>&lt;div&gt;
520 foo
521&lt;/div&gt;</code></pre>
522<p>As should this:</p>
523<pre><code>&lt;div&gt;foo&lt;/div&gt;</code></pre>
524<p>Now, nested:</p>
525<div>
526<div>
527<div>
528foo
529</div>
530</div>
531</div>
532<p>This should just be an HTML comment:</p>
533<!-- Comment -->
534<p>Multiline:</p>
535<!--
536Blah
537Blah
538-->
539<!--
540 This is another comment.
541-->
542<p>Code block:</p>
543<pre><code>&lt;!-- Comment --&gt;</code></pre>
544<p>Just plain comment, with trailing spaces on the line:</p>
545<!-- foo -->
546<p>Code:</p>
547<pre><code>&lt;hr /&gt;</code></pre>
548<p>Hr’s:</p>
549<hr>
550<hr />
551<hr />
552<hr>
553<hr />
554<hr />
555<hr class="foo" id="bar" />
556<hr class="foo" id="bar" />
557<hr class="foo" id="bar">
558<hr />
559<h1 id="inline-markup">Inline Markup</h1>
560<p>This is <em>emphasized</em>, and so <em>is this</em>.</p>
561<p>This is <strong>strong</strong>, and so <strong>is this</strong>.</p>
562<p>An <em><a href="/url">emphasized link</a></em>.</p>
563<p><strong><em>This is strong and em.</em></strong></p>
564<p>So is <strong><em>this</em></strong> word.</p>
565<p><strong><em>This is strong and em.</em></strong></p>
566<p>So is <strong><em>this</em></strong> word.</p>
567<p>This is code: <code>&gt;</code>, <code>$</code>, <code>\</code>, <code>\$</code>, <code>&lt;html&gt;</code>.</p>
568<p><del>This is <em>strikeout</em>.</del></p>
569<p>Superscripts: a<sup>bc</sup>d a<sup><em>hello</em></sup> a<sup>hello there</sup>.</p>
570<p>Subscripts: H<sub>2</sub>O, H<sub>23</sub>O, H<sub>many of them</sub>O.</p>
571<p>These should not be superscripts or subscripts, because of the unescaped spaces: a^b c^d, a~b c~d.</p>
572<hr />
573<h1 id="smart-quotes-ellipses-dashes">Smart quotes, ellipses, dashes</h1>
574<p>“Hello,” said the spider. “‘Shelob’ is my name.”</p>
575<p>‘A’, ‘B’, and ‘C’ are letters.</p>
576<p>‘Oak,’ ‘elm,’ and ‘beech’ are names of trees. So is ‘pine.’</p>
577<p>‘He said, “I want to go.”’ Were you alive in the 70’s?</p>
578<p>Here is some quoted ‘<code>code</code>’ and a “<a href="http://example.com/?foo=1&amp;bar=2">quoted link</a>”.</p>
579<p>Some dashes: one—two — three—four — five.</p>
580<p>Dashes between numbers: 5–7, 255–66, 1987–1999.</p>
581<p>Ellipses…and…and….</p>
582<hr />
583<h1 id="latex">LaTeX</h1>
584<ul>
585<li></li>
586<li><span class="math inline">2 + 2 = 4</span></li>
587<li><span class="math inline"><em>x</em> ∈ <em>y</em></span></li>
588<li><span class="math inline"><em>α</em> ∧ <em>ω</em></span></li>
589<li><span class="math inline">223</span></li>
590<li><span class="math inline"><em>p</em></span>-Tree</li>
591<li>Here’s some display math: <span class="math display">$$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$$</span></li>
592<li>Here’s one that has a line break in it: <span class="math inline"><em>α</em> + <em>ω</em> × <em>x</em><sup>2</sup></span>.</li>
593</ul>
594<p>These shouldn’t be math:</p>
595<ul>
596<li>To get the famous equation, write <code>$e = mc^2$</code>.</li>
597<li>$22,000 is a <em>lot</em> of money. So is $34,000. (It worked if “lot” is emphasized.)</li>
598<li>Shoes ($20) and socks ($5).</li>
599<li>Escaped <code>$</code>: $73 <em>this should be emphasized</em> 23$.</li>
600</ul>
601<p>Here’s a LaTeX table:</p>
602<hr />
603<h1 id="special-characters">Special Characters</h1>
604<p>Here is some unicode:</p>
605<ul>
606<li>I hat: Î</li>
607<li>o umlaut: ö</li>
608<li>section: §</li>
609<li>set membership: ∈</li>
610<li>copyright: ©</li>
611</ul>
612<p>AT&amp;T has an ampersand in their name.</p>
613<p>AT&amp;T is another way to write it.</p>
614<p>This &amp; that.</p>
615<p>4 &lt; 5.</p>
616<p>6 &gt; 5.</p>
617<p>Backslash: \</p>
618<p>Backtick: `</p>
619<p>Asterisk: *</p>
620<p>Underscore: _</p>
621<p>Left brace: {</p>
622<p>Right brace: }</p>
623<p>Left bracket: [</p>
624<p>Right bracket: ]</p>
625<p>Left paren: (</p>
626<p>Right paren: )</p>
627<p>Greater-than: &gt;</p>
628<p>Hash: #</p>
629<p>Period: .</p>
630<p>Bang: !</p>
631<p>Plus: +</p>
632<p>Minus: -</p>
633<hr />
634<h1 id="links">Links</h1>
635<h2 id="explicit">Explicit</h2>
636<p>Just a <a href="/url/">URL</a>.</p>
637<p><a href="/url/" title="title">URL and title</a>.</p>
638<p><a href="/url/" title="title preceded by two spaces">URL and title</a>.</p>
639<p><a href="/url/" title="title preceded by a tab">URL and title</a>.</p>
640<p><a href="/url/" title="title with &quot;quotes&quot; in it">URL and title</a></p>
641<p><a href="/url/" title="title with single quotes">URL and title</a></p>
642<p><a href="/url/with_underscore">with_underscore</a></p>
643<p><a href="mailto:nobody@nowhere.net">Email link</a></p>
644<p><a href="">Empty</a>.</p>
645<h2 id="reference">Reference</h2>
646<p>Foo <a href="/url/">bar</a>.</p>
647<p>With <a href="/url/">embedded [brackets]</a>.</p>
648<p><a href="/url/">b</a> by itself should be a link.</p>
649<p>Indented <a href="/url">once</a>.</p>
650<p>Indented <a href="/url">twice</a>.</p>
651<p>Indented <a href="/url">thrice</a>.</p>
652<p>This should [not][] be a link.</p>
653<pre><code>[not]: /url</code></pre>
654<p>Foo <a href="/url/" title="Title with &quot;quotes&quot; inside">bar</a>.</p>
655<p>Foo <a href="/url/" title="Title with &quot;quote&quot; inside">biz</a>.</p>
656<h2 id="with-ampersands">With ampersands</h2>
657<p>Here’s a <a href="http://example.com/?foo=1&amp;bar=2">link with an ampersand in the URL</a>.</p>
658<p>Here’s a link with an amersand in the link text: <a href="http://att.com/" title="AT&amp;T">AT&amp;T</a>.</p>
659<p>Here’s an <a href="/script?foo=1&amp;bar=2">inline link</a>.</p>
660<p>Here’s an <a href="/script?foo=1&amp;bar=2">inline link in pointy braces</a>.</p>
661<h2 id="autolinks">Autolinks</h2>
662<p>With an ampersand: <a href="http://example.com/?foo=1&amp;bar=2" class="uri">http://example.com/?foo=1&amp;bar=2</a></p>
663<ul>
664<li>In a list?</li>
665<li><a href="http://example.com/" class="uri">http://example.com/</a></li>
666<li>It should.</li>
667</ul>
668<p>An e-mail address: <a href="mailto:nobody@nowhere.net" class="email">nobody@nowhere.net</a></p>
669<blockquote>
670<p>Blockquoted: <a href="http://example.com/" class="uri">http://example.com/</a></p>
671</blockquote>
672<p>Auto-links should not occur here: <code>&lt;http://example.com/&gt;</code></p>
673<pre><code>or here: &lt;http://example.com/&gt;</code></pre>
674<hr />
675<h1 id="images">Images</h1>
676<p>From “Voyage dans la Lune” by Georges Melies (1902):</p>
677<figure>
678<img src="lalune.jpg" title="Voyage dans la Lune" alt="lalune" /><figcaption aria-hidden="true">lalune</figcaption>
679</figure>
680<p>Here is a movie <img src="movie.jpg" alt="movie" /> icon.</p>
681<hr />
682<h1 id="footnotes">Footnotes</h1>
683<p>Here is a footnote reference,<a href="#fn1" class="footnote-ref" id="fnref1" role="doc-noteref"><sup>1</sup></a> and another.<a href="#fn2" class="footnote-ref" id="fnref2" role="doc-noteref"><sup>2</sup></a> This should <em>not</em> be a footnote reference, because it contains a space.[^my note] Here is an inline note.<a href="#fn3" class="footnote-ref" id="fnref3" role="doc-noteref"><sup>3</sup></a></p>
684<blockquote>
685<p>Notes can go in quotes.<a href="#fn4" class="footnote-ref" id="fnref4" role="doc-noteref"><sup>4</sup></a></p>
686</blockquote>
687<ol type="1">
688<li>And in list items.<a href="#fn5" class="footnote-ref" id="fnref5" role="doc-noteref"><sup>5</sup></a></li>
689</ol>
690<p>This paragraph should not be part of the note, as it is not indented.</p>
691<section class="footnotes" role="doc-endnotes">
692<hr />
693<ol>
694<li id="fn1" role="doc-endnote"><p>Here is the footnote. It can go anywhere after the footnote reference. It need not be placed at the end of the document.<a href="#fnref1" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
695<li id="fn2" role="doc-endnote"><p>Here’s the long note. This one contains multiple blocks.</p>
696<p>Subsequent blocks are indented to show that they belong to the footnote (as with list items).</p>
697<pre><code> { &lt;code&gt; }</code></pre>
698<p>If you want, you can indent every line, but you can also be lazy and just indent the first line of each block.<a href="#fnref2" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
699<li id="fn3" role="doc-endnote"><p>This is <em>easier</em> to type. Inline notes may contain <a href="http://google.com">links</a> and <code>]</code> verbatim characters, as well as [bracketed text].<a href="#fnref3" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
700<li id="fn4" role="doc-endnote"><p>In quote.<a href="#fnref4" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
701<li id="fn5" role="doc-endnote"><p>In list.<a href="#fnref5" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
702</ol>
703</section>
704</body>
705</html>