all: add support for multiple authors with email

3 files changed, 281 insertions, 223 deletions

diff --git a/testdata/got.test.html b/testdata/got.test.html
index 5a3eccd..a7fbb86 100644
--- a/testdata/got.test.html
+++ b/testdata/got.test.html
@@ -7,7 +7,7 @@
 <meta name="generator" content="ciigo">
 <meta name="description" content="meta description">
 <meta name="keywords" content="key, words">
-<meta name="author" content="Author A, Author B">
+<meta name="author" content="Author A, Author mid dle B">
 <title>Example Document title</title>
 <style>
 
@@ -17,96 +17,100 @@
 <div id="header">
 <h1><em>Example <code>Document</code> <strong>title</strong></em></h1>
 <div class="details">
-<span id="author" class="author">Author A, Author B</span><br>
+<span id="author" class="author">Author A</span><br>
+<span id="email" class="email"><a href="mailto:a@a.com">a@a.com</a></span><br>
+<span id="author2" class="author">Author mid dle B</span><br>
+<span id="email2" class="email"><a href="mailto:b@b.com">b@b.com</a></span><br>
 <span id="revnumber">version 1.1.1,</span>
 <span id="revdate">18 July 2020</span>
 </div>
 <div id="toc" class="toc">
 <div id="toctitle">Table of Contents</div>
 <ul class="sectlevel1">
-<li><a href="#_inline_formatting_on_section">1. <em>Inline <code>formatting</code> on <strong>section</strong></em></a></li>
-<li><a href="#_level_1">2. Level 1</a>
+<li><a href="#_author_and_emails">1. Author and emails</a></li>
+<li><a href="#_inline_formatting_on_section">2. <em>Inline <code>formatting</code> on <strong>section</strong></em></a></li>
+<li><a href="#_level_1">3. Level 1</a>
 <ul class="sectlevel2">
-<li><a href="#_level_2">2.1. Level 2</a>
+<li><a href="#_level_2">3.1. Level 2</a>
 <ul class="sectlevel3">
-<li><a href="#_level_3">2.1.1. Level 3</a></li>
+<li><a href="#_level_3">3.1.1. Level 3</a></li>
 </ul>
 </li>
 </ul>
 </li>
 <li><a href="#_section_two">Section Two</a></li>
-<li><a href="#_section_three">3. Section Three</a></li>
-<li><a href="#_comment">4. Comment</a></li>
-<li><a href="#_paragraph">5. Paragraph</a></li>
-<li><a href="#_unconstrained_text_formatting">6. Unconstrained text formatting</a></li>
-<li><a href="#_single_quote">7. Single quote</a></li>
-<li><a href="#_subscript_and_superscript">8. Subscript and superscript</a></li>
-<li><a href="#_constrained_text_formatting">9. Constrained text formatting</a></li>
-<li><a href="#_blocks">10. Blocks</a>
+<li><a href="#_section_three">4. Section Three</a></li>
+<li><a href="#_comment">5. Comment</a></li>
+<li><a href="#_paragraph">6. Paragraph</a></li>
+<li><a href="#_unconstrained_text_formatting">7. Unconstrained text formatting</a></li>
+<li><a href="#_single_quote">8. Single quote</a></li>
+<li><a href="#_subscript_and_superscript">9. Subscript and superscript</a></li>
+<li><a href="#_constrained_text_formatting">10. Constrained text formatting</a></li>
+<li><a href="#_blocks">11. Blocks</a>
 <ul class="sectlevel2">
-<li><a href="#_title">10.1. Title</a></li>
+<li><a href="#_title">11.1. Title</a></li>
 </ul>
 </li>
-<li><a href="#_block_listing">11. Block listing</a></li>
-<li><a href="#_block_literal">12. Block literal</a></li>
-<li><a href="#_ordered_lists">13. Ordered Lists</a></li>
-<li><a href="#_unordered_lists">14. Unordered Lists</a></li>
-<li><a href="#_mixed_list">15. Mixed list</a></li>
-<li><a href="#_description_list">16. Description list</a>
+<li><a href="#_block_listing">12. Block listing</a></li>
+<li><a href="#_block_literal">13. Block literal</a></li>
+<li><a href="#_ordered_lists">14. Ordered Lists</a></li>
+<li><a href="#_unordered_lists">15. Unordered Lists</a></li>
+<li><a href="#_mixed_list">16. Mixed list</a></li>
+<li><a href="#_description_list">17. Description list</a>
 <ul class="sectlevel2">
-<li><a href="#_with_horizontal">16.1. With [horizontal]</a></li>
-<li><a href="#_with_title">16.2. With title</a></li>
-<li><a href="#_indented_with_space">16.3. Indented with space</a></li>
-<li><a href="#_with">16.4. With "+"</a></li>
-<li><a href="#_mixed_with_list">16.5. Mixed with list</a></li>
-<li><a href="#_spread">16.6. Spread</a></li>
-<li><a href="#_mixed_with_ordered_and_unordered_list">16.7. Mixed with ordered and unordered list</a></li>
+<li><a href="#_with_horizontal">17.1. With [horizontal]</a></li>
+<li><a href="#_with_title">17.2. With title</a></li>
+<li><a href="#_indented_with_space">17.3. Indented with space</a></li>
+<li><a href="#_with">17.4. With "+"</a></li>
+<li><a href="#_mixed_with_list">17.5. Mixed with list</a></li>
+<li><a href="#_spread">17.6. Spread</a></li>
+<li><a href="#_mixed_with_ordered_and_unordered_list">17.7. Mixed with ordered and unordered list</a></li>
 </ul>
 </li>
-<li><a href="#_question_and_answers">17. Question and Answers</a></li>
-<li><a href="#_horizontal_rules">18. Horizontal rules</a></li>
-<li><a href="#_page_break">19. Page break</a></li>
-<li><a href="#_urls">20. URLs</a></li>
-<li><a href="#_anchors">21. Anchors</a>
+<li><a href="#_question_and_answers">18. Question and Answers</a></li>
+<li><a href="#_horizontal_rules">19. Horizontal rules</a></li>
+<li><a href="#_page_break">20. Page break</a></li>
+<li><a href="#_urls">21. URLs</a></li>
+<li><a href="#_anchors">22. Anchors</a>
 <ul class="sectlevel2">
-<li><a href="#version-4_9">21.1. Version 4.9 </a></li>
-<li><a href="#version-4_10">21.2. Version 4.10 </a></li>
-<li><a href="#which-one">21.3. Version 4.11 </a></li>
+<li><a href="#version-4_9">22.1. Version 4.9 </a></li>
+<li><a href="#version-4_10">22.2. Version 4.10 </a></li>
+<li><a href="#which-one">22.3. Version 4.11 </a></li>
 </ul>
 </li>
-<li><a href="#_cross_references">22. Cross references</a>
+<li><a href="#_cross_references">23. Cross references</a>
 <ul class="sectlevel2">
-<li><a href="#_internal">22.1. Internal</a></li>
+<li><a href="#_internal">23.1. Internal</a></li>
 </ul>
 </li>
-<li><a href="#_images">23. Images</a>
+<li><a href="#_images">24. Images</a>
 <ul class="sectlevel2">
-<li><a href="#_block_images">23.1. Block images</a></li>
-<li><a href="#_float_group">23.2. Float group</a></li>
-<li><a href="#_inline_image">23.3. Inline image</a></li>
+<li><a href="#_block_images">24.1. Block images</a></li>
+<li><a href="#_float_group">24.2. Float group</a></li>
+<li><a href="#_inline_image">24.3. Inline image</a></li>
 </ul>
 </li>
-<li><a href="#_block_open">24. Block open</a></li>
-<li><a href="#_video">25. Video</a></li>
-<li><a href="#_audio">26. Audio</a></li>
-<li><a href="#_admonition">27. Admonition</a>
+<li><a href="#_block_open">25. Block open</a></li>
+<li><a href="#_video">26. Video</a></li>
+<li><a href="#_audio">27. Audio</a></li>
+<li><a href="#_admonition">28. Admonition</a>
 <ul class="sectlevel2">
-<li><a href="#_line_admonition">27.1. Line admonition</a></li>
-<li><a href="#_style_admonition">27.2. Style admonition</a></li>
-<li><a href="#_icons">27.3. Icons</a></li>
+<li><a href="#_line_admonition">28.1. Line admonition</a></li>
+<li><a href="#_style_admonition">28.2. Style admonition</a></li>
+<li><a href="#_icons">28.3. Icons</a></li>
 </ul>
 </li>
-<li><a href="#_sidebar">28. Sidebar</a></li>
-<li><a href="#_example">29. Example</a></li>
-<li><a href="#_quote">30. Quote</a>
+<li><a href="#_sidebar">29. Sidebar</a></li>
+<li><a href="#_example">30. Example</a></li>
+<li><a href="#_quote">31. Quote</a>
 <ul class="sectlevel2">
-<li><a href="#_quoted_paragraph">30.1. Quoted paragraph</a></li>
+<li><a href="#_quoted_paragraph">31.1. Quoted paragraph</a></li>
 </ul>
 </li>
-<li><a href="#_verse">31. Verse</a></li>
-<li><a href="#_passthrough">32. Passthrough</a>
+<li><a href="#_verse">32. Verse</a></li>
+<li><a href="#_passthrough">33. Passthrough</a>
 <ul class="sectlevel2">
-<li><a href="#_block_passthrough">32.1. Block passthrough</a></li>
+<li><a href="#_block_passthrough">33.1. Block passthrough</a></li>
 </ul>
 </li>
 </ul>
@@ -141,7 +145,28 @@
 </div>
 </div>
 <div class="sect1">
-<h2 id="_inline_formatting_on_section">1. <em>Inline <code>formatting</code> on <strong>section</strong></em></h2>
+<h2 id="_author_and_emails">1. Author and emails</h2>
+<div class="sectionbody">
+<div class="ulist">
+<ul>
+<li>
+<p>First author: Author A Author  A a@a.com
+AA</p>
+</li>
+<li>
+<p>First author: Author A Author  A a@a.com
+AA</p>
+</li>
+<li>
+<p>Second author: Author mid dle B Author mid dle B
+b@b.com AmB</p>
+</li>
+</ul>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_inline_formatting_on_section">2. <em>Inline <code>formatting</code> on <strong>section</strong></em></h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>Test inline formatting on section title.</p>
@@ -149,12 +174,12 @@
 </div>
 </div>
 <div class="sect1">
-<h2 id="_level_1">2. Level 1</h2>
+<h2 id="_level_1">3. Level 1</h2>
 <div class="sectionbody">
 <div class="sect2">
-<h3 id="_level_2">2.1. Level 2</h3>
+<h3 id="_level_2">3.1. Level 2</h3>
 <div class="sect3">
-<h4 id="_level_3">2.1.1. Level 3</h4>
+<h4 id="_level_3">3.1.1. Level 3</h4>
 <div class="sect4">
 <h5 id="_level_4">Level 4</h5>
 <div class="sect5">
@@ -171,12 +196,12 @@
 </div>
 </div>
 <div class="sect1">
-<h2 id="_section_three">3. Section Three</h2>
+<h2 id="_section_three">4. Section Three</h2>
 <div class="sectionbody">
 </div>
 </div>
 <div class="sect1">
-<h2 id="_comment">4. Comment</h2>
+<h2 id="_comment">5. Comment</h2>
 <div class="sectionbody">
 <div class="literalblock">
 <div class="content">
@@ -188,7 +213,7 @@ Indented block comment
 </div>
 </div>
 <div class="sect1">
-<h2 id="_paragraph">5. Paragraph</h2>
+<h2 id="_paragraph">6. Paragraph</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <div class="title">A Title</div>
@@ -248,7 +273,7 @@ This is next line in paragraph.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_unconstrained_text_formatting">6. Unconstrained text formatting</h2>
+<h2 id="_unconstrained_text_formatting">7. Unconstrained text formatting</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p><code>__A *B*__</code>: <em>A <strong>B</strong></em></p>
@@ -283,7 +308,7 @@ This is next line in paragraph.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_single_quote">7. Single quote</h2>
+<h2 id="_single_quote">8. Single quote</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>'` A single quote without end.</p>
@@ -300,7 +325,7 @@ This is next line in paragraph.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_subscript_and_superscript">8. Subscript and superscript</h2>
+<h2 id="_subscript_and_superscript">9. Subscript and superscript</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>H<sub>2</sub>0 H~ 3 ~0 H~4 ~0 H ~ 5~0 H~6 7~0.</p>
@@ -311,7 +336,7 @@ This is next line in paragraph.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_constrained_text_formatting">9. Constrained text formatting</h2>
+<h2 id="_constrained_text_formatting">10. Constrained text formatting</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p><code>_A_B</code>: _A_B</p>
@@ -363,10 +388,10 @@ paragraph</strong></em>.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_blocks">10. Blocks</h2>
+<h2 id="_blocks">11. Blocks</h2>
 <div class="sectionbody">
 <div class="sect2">
-<h3 id="_title">10.1. Title</h3>
+<h3 id="_title">11.1. Title</h3>
 <div class="ulist">
 <div class="title">TODO list</div>
 <ul>
@@ -385,7 +410,7 @@ paragraph</strong></em>.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_block_listing">11. Block listing</h2>
+<h2 id="_block_listing">12. Block listing</h2>
 <div class="sectionbody">
 <div class="listingblock">
 <div class="content">
@@ -404,7 +429,7 @@ This is not listing.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_block_literal">12. Block literal</h2>
+<h2 id="_block_literal">13. Block literal</h2>
 <div class="sectionbody">
 <div class="literalblock">
 <div class="content">
@@ -429,7 +454,7 @@ A literal named and trailing characters will become paragraph.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_ordered_lists">13. Ordered Lists</h2>
+<h2 id="_ordered_lists">14. Ordered Lists</h2>
 <div class="sectionbody">
 <div class="olist arabic">
 <ol class="arabic">
@@ -652,7 +677,7 @@ This line separated by comment.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_unordered_lists">14. Unordered Lists</h2>
+<h2 id="_unordered_lists">15. Unordered Lists</h2>
 <div class="sectionbody">
 <div class="ulist">
 <ul>
@@ -875,7 +900,7 @@ This line separated by comment.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_mixed_list">15. Mixed list</h2>
+<h2 id="_mixed_list">16. Mixed list</h2>
 <div class="sectionbody">
 <div class="olist arabic">
 <ol class="arabic">
@@ -951,7 +976,7 @@ This line separated by comment.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_description_list">16. Description list</h2>
+<h2 id="_description_list">17. Description list</h2>
 <div class="sectionbody">
 <div class="dlist">
 <dl>
@@ -966,7 +991,7 @@ This line separated by comment.</p>
 </dl>
 </div>
 <div class="sect2">
-<h3 id="_with_horizontal">16.1. With [horizontal]</h3>
+<h3 id="_with_horizontal">17.1. With [horizontal]</h3>
 <div class="hdlist">
 <table>
 <tr>
@@ -989,7 +1014,7 @@ Hard drive
 </div>
 </div>
 <div class="sect2">
-<h3 id="_with_title">16.2. With title</h3>
+<h3 id="_with_title">17.2. With title</h3>
 <div class="dlist">
 <div class="title">A title</div>
 <dl>
@@ -1005,7 +1030,7 @@ Hard drive
 </div>
 </div>
 <div class="sect2">
-<h3 id="_indented_with_space">16.3. Indented with space</h3>
+<h3 id="_indented_with_space">17.3. Indented with space</h3>
 <div class="dlist">
 <dl>
 <dt class="hdlist1">CPU</dt>
@@ -1020,7 +1045,7 @@ Hard drive
 </div>
 </div>
 <div class="sect2">
-<h3 id="_with">16.4. With "+"</h3>
+<h3 id="_with">17.4. With "+"</h3>
 <div class="dlist">
 <dl>
 <dt class="hdlist1">CPU</dt>
@@ -1040,7 +1065,7 @@ Hard drive
 </div>
 </div>
 <div class="sect2">
-<h3 id="_mixed_with_list">16.5. Mixed with list</h3>
+<h3 id="_mixed_with_list">17.5. Mixed with list</h3>
 <div class="dlist">
 <dl>
 <dt class="hdlist1">Dairy</dt>
@@ -1080,7 +1105,7 @@ Hard drive
 </div>
 </div>
 <div class="sect2">
-<h3 id="_spread">16.6. Spread</h3>
+<h3 id="_spread">17.6. Spread</h3>
 <div class="dlist">
 <dl>
 <dt class="hdlist1">Dairy</dt>
@@ -1120,7 +1145,7 @@ Hard drive
 </div>
 </div>
 <div class="sect2">
-<h3 id="_mixed_with_ordered_and_unordered_list">16.7. Mixed with ordered and unordered list</h3>
+<h3 id="_mixed_with_ordered_and_unordered_list">17.7. Mixed with ordered and unordered list</h3>
 <div class="dlist">
 <dl>
 <dt class="hdlist1">Operating Systems</dt>
@@ -1212,7 +1237,7 @@ Hard drive
 </div>
 </div>
 <div class="sect1">
-<h2 id="_question_and_answers">17. Question and Answers</h2>
+<h2 id="_question_and_answers">18. Question and Answers</h2>
 <div class="sectionbody">
 <div class="qlist qanda">
 <ol>
@@ -1232,7 +1257,7 @@ Hard drive
 </div>
 </div>
 <div class="sect1">
-<h2 id="_horizontal_rules">18. Horizontal rules</h2>
+<h2 id="_horizontal_rules">19. Horizontal rules</h2>
 <div class="sectionbody">
 <hr>
 <div class="paragraph">
@@ -1254,7 +1279,7 @@ Hard drive
 </div>
 </div>
 <div class="sect1">
-<h2 id="_page_break">19. Page break</h2>
+<h2 id="_page_break">20. Page break</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>Before page break.</p>
@@ -1266,7 +1291,7 @@ Hard drive
 </div>
 </div>
 <div class="sect1">
-<h2 id="_urls">20. URLs</h2>
+<h2 id="_urls">21. URLs</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p><a href="https://asciidoctor.org" class="bare">https://asciidoctor.org</a>.</p>
@@ -1295,7 +1320,7 @@ Hard drive
 </div>
 </div>
 <div class="sect1">
-<h2 id="_anchors">21. Anchors</h2>
+<h2 id="_anchors">22. Anchors</h2>
 <div class="sectionbody">
 <div id="notice" class="paragraph">
 <p>This paragraph gets a lot of attention.</p>
@@ -1323,21 +1348,21 @@ Hard drive
 </ul>
 </div>
 <div class="sect2">
-<h3 id="version-4_9">21.1. Version 4.9 </h3>
+<h3 id="version-4_9">22.1. Version 4.9 </h3>
 </div>
 <div class="sect2">
-<h3 id="version-4_10">21.2. <a id="current"></a>Version 4.10 </h3>
+<h3 id="version-4_10">22.2. <a id="current"></a>Version 4.10 </h3>
 </div>
 <div class="sect2">
-<h3 id="which-one">21.3. Version 4.11 <a id="version-4_11"></a></h3>
+<h3 id="which-one">22.3. Version 4.11 <a id="version-4_11"></a></h3>
 </div>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_cross_references">22. Cross references</h2>
+<h2 id="_cross_references">23. Cross references</h2>
 <div class="sectionbody">
 <div class="sect2">
-<h3 id="_internal">22.1. Internal</h3>
+<h3 id="_internal">23.1. Internal</h3>
 <div class="paragraph">
 <p>Cross reference with ID <a href="#_anchors">This is anchor</a>.</p>
 </div>
@@ -1354,10 +1379,10 @@ Hard drive
 </div>
 </div>
 <div class="sect1">
-<h2 id="_images">23. Images</h2>
+<h2 id="_images">24. Images</h2>
 <div class="sectionbody">
 <div class="sect2">
-<h3 id="_block_images">23.1. Block images</h3>
+<h3 id="_block_images">24.1. Block images</h3>
 <div class="imageblock">
 <div class="content">
 <img src="sunset.jpg" alt="sunset">
@@ -1437,7 +1462,7 @@ This is become paragraph.</p>
 </div>
 </div>
 <div class="sect2">
-<h3 id="_float_group">23.2. Float group</h3>
+<h3 id="_float_group">24.2. Float group</h3>
 <div class="openblock float-group">
 <div class="content">
 <div class="imageblock left">
@@ -1459,7 +1484,7 @@ This is become paragraph.</p>
 </div>
 </div>
 <div class="sect2">
-<h3 id="_inline_image">23.3. Inline image</h3>
+<h3 id="_inline_image">24.3. Inline image</h3>
 <div class="paragraph">
 <p><span class="image"><img src="https://upload.wikimedia.org/wikipedia/commons/3/35/Tux.svg" alt="Linux" width="25" height="35"></span></p>
 </div>
@@ -1477,7 +1502,7 @@ You can find Linux everywhere these days!</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_block_open">24. Block open</h2>
+<h2 id="_block_open">25. Block open</h2>
 <div class="sectionbody">
 <div class="openblock">
 <div class="title">Section inside</div>
@@ -1490,7 +1515,7 @@ You can find Linux everywhere these days!</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_video">25. Video</h2>
+<h2 id="_video">26. Video</h2>
 <div class="sectionbody">
 <div class="videoblock">
 <div class="title">Video without options</div>
@@ -1537,7 +1562,7 @@ Your browser does not support the video tag.
 </div>
 </div>
 <div class="sect1">
-<h2 id="_audio">26. Audio</h2>
+<h2 id="_audio">27. Audio</h2>
 <div class="sectionbody">
 <div class="audioblock">
 <div class="content">
@@ -1549,10 +1574,10 @@ Your browser does not support the audio tag.
 </div>
 </div>
 <div class="sect1">
-<h2 id="_admonition">27. Admonition</h2>
+<h2 id="_admonition">28. Admonition</h2>
 <div class="sectionbody">
 <div class="sect2">
-<h3 id="_line_admonition">27.1. Line admonition</h3>
+<h3 id="_line_admonition">28.1. Line admonition</h3>
 <div class="paragraph">
 <p>Admonition between a paragraph.
 WARNING: Wolpertingers are known to nest in server racks.
@@ -1639,7 +1664,7 @@ admonition followed by list
 </div>
 </div>
 <div class="sect2">
-<h3 id="_style_admonition">27.2. Style admonition</h3>
+<h3 id="_style_admonition">28.2. Style admonition</h3>
 <div class="admonitionblock important">
 <table>
 <tr>
@@ -1725,7 +1750,7 @@ Admonition with paragraph.
 </div>
 </div>
 <div class="sect2">
-<h3 id="_icons">27.3. Icons</h3>
+<h3 id="_icons">28.3. Icons</h3>
 <div class="admonitionblock warning">
 <table>
 <tr>
@@ -1743,7 +1768,7 @@ Enter at your own risk.
 </div>
 </div>
 <div class="sect1">
-<h2 id="_sidebar">28. Sidebar</h2>
+<h2 id="_sidebar">29. Sidebar</h2>
 <div class="sectionbody">
 <div class="sidebarblock">
 <div class="content">
@@ -1773,7 +1798,7 @@ for producing professional documents like DocBook and LaTeX.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_example">29. Example</h2>
+<h2 id="_example">30. Example</h2>
 <div class="sectionbody">
 <div class="exampleblock">
 <div class="title">Example 1. Sample document</div>
@@ -1798,7 +1823,7 @@ This guide provides...</pre>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_quote">30. Quote</h2>
+<h2 id="_quote">31. Quote</h2>
 <div class="sectionbody">
 <div class="quoteblock">
 <blockquote>
@@ -1837,7 +1862,7 @@ Everybody remember where we parked.
 </div>
 </div>
 <div class="sect2">
-<h3 id="_quoted_paragraph">30.1. Quoted paragraph</h3>
+<h3 id="_quoted_paragraph">31.1. Quoted paragraph</h3>
 <div class="quoteblock">
 <blockquote>
 I hold it that a little rebellion now and then is a good thing,
@@ -1899,7 +1924,7 @@ a quote
 </div>
 </div>
 <div class="sect1">
-<h2 id="_verse">31. Verse</h2>
+<h2 id="_verse">32. Verse</h2>
 <div class="sectionbody">
 <div class="verseblock">
 <pre class="content">The fog comes
@@ -1925,13 +1950,13 @@ and then moves on.</pre>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_passthrough">32. Passthrough</h2>
+<h2 id="_passthrough">33. Passthrough</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p><code><em>A <strong>B</strong></em>+</code></p>
 </div>
 <div class="sect2">
-<h3 id="_block_passthrough">32.1. Block passthrough</h3>
+<h3 id="_block_passthrough">33.1. Block passthrough</h3>
 <video poster="images/movie-reel.png">
   <source src="videos/writing-zen.webm" type="video/webm">
 </video>
@@ -1945,7 +1970,7 @@ and then moves on.</pre>
 <div id="footer">
 <div id="footer-text">
 Version 1.1.1<br>
-Last updated 2020-11-15 18:11:38 +0700
+Last updated 2020-11-15 21:32:24 +0700
 </div>
 </div>
 </body>
diff --git a/testdata/test.adoc b/testdata/test.adoc
index 9a1e42a..7cdaf77 100644
--- a/testdata/test.adoc
+++ b/testdata/test.adoc
@@ -1,6 +1,6 @@
 = _Example `Document` **title**_
 :metadata key: value
-Author A, Author B
+Author A <a@a.com>; Author mid_dle B <b@b.com>
 :unclosed metadata:
 v1.1.1, 18 July 2020
 :sectnums:
@@ -24,6 +24,14 @@ a
 
   :indented-meta:
 
+== Author and emails
+
+* First author: {author} {firstname} {middlename} {lastname} {email}
+  {authorinitials}
+* First author: {author_1} {firstname_1} {middlename_1} {lastname_1} {email_1}
+  {authorinitials_1}
+* Second author: {author_2} {firstname_2} {middlename_2} {lastname_2}
+  {email_2} {authorinitials_2}
 
 == _Inline `formatting` on **section**_
 
diff --git a/testdata/test.html b/testdata/test.html
index 46cae5b..f9f9db7 100644
--- a/testdata/test.html
+++ b/testdata/test.html
@@ -7,7 +7,7 @@
 <meta name="generator" content="Asciidoctor 2.0.12">
 <meta name="description" content="meta description">
 <meta name="keywords" content="key, words">
-<meta name="author" content="Author A, Author B">
+<meta name="author" content="Author A, Author mid dle B">
 <title>Example Document title</title>
 <style>
 
@@ -17,96 +17,100 @@
 <div id="header">
 <h1><em>Example <code>Document</code> <strong>title</strong></em></h1>
 <div class="details">
-<span id="author" class="author">Author A, Author B</span><br>
+<span id="author" class="author">Author A</span><br>
+<span id="email" class="email"><a href="mailto:a@a.com">a@a.com</a></span><br>
+<span id="author2" class="author">Author mid dle B</span><br>
+<span id="email2" class="email"><a href="mailto:b@b.com">b@b.com</a></span><br>
 <span id="revnumber">version 1.1.1,</span>
 <span id="revdate">18 July 2020</span>
 </div>
 <div id="toc" class="toc">
 <div id="toctitle">Table of Contents</div>
 <ul class="sectlevel1">
-<li><a href="#_inline_formatting_on_section">1. <em>Inline <code>formatting</code> on <strong>section</strong></em></a></li>
-<li><a href="#_level_1">2. Level 1</a>
+<li><a href="#_author_and_emails">1. Author and emails</a></li>
+<li><a href="#_inline_formatting_on_section">2. <em>Inline <code>formatting</code> on <strong>section</strong></em></a></li>
+<li><a href="#_level_1">3. Level 1</a>
 <ul class="sectlevel2">
-<li><a href="#_level_2">2.1. Level 2</a>
+<li><a href="#_level_2">3.1. Level 2</a>
 <ul class="sectlevel3">
-<li><a href="#_level_3">2.1.1. Level 3</a></li>
+<li><a href="#_level_3">3.1.1. Level 3</a></li>
 </ul>
 </li>
 </ul>
 </li>
 <li><a href="#_section_two">Section Two</a></li>
-<li><a href="#_section_three">3. Section Three</a></li>
-<li><a href="#_comment">4. Comment</a></li>
-<li><a href="#_paragraph">5. Paragraph</a></li>
-<li><a href="#_unconstrained_text_formatting">6. Unconstrained text formatting</a></li>
-<li><a href="#_single_quote">7. Single quote</a></li>
-<li><a href="#_subscript_and_superscript">8. Subscript and superscript</a></li>
-<li><a href="#_constrained_text_formatting">9. Constrained text formatting</a></li>
-<li><a href="#_blocks">10. Blocks</a>
+<li><a href="#_section_three">4. Section Three</a></li>
+<li><a href="#_comment">5. Comment</a></li>
+<li><a href="#_paragraph">6. Paragraph</a></li>
+<li><a href="#_unconstrained_text_formatting">7. Unconstrained text formatting</a></li>
+<li><a href="#_single_quote">8. Single quote</a></li>
+<li><a href="#_subscript_and_superscript">9. Subscript and superscript</a></li>
+<li><a href="#_constrained_text_formatting">10. Constrained text formatting</a></li>
+<li><a href="#_blocks">11. Blocks</a>
 <ul class="sectlevel2">
-<li><a href="#_title">10.1. Title</a></li>
+<li><a href="#_title">11.1. Title</a></li>
 </ul>
 </li>
-<li><a href="#_block_listing">11. Block listing</a></li>
-<li><a href="#_block_literal">12. Block literal</a></li>
-<li><a href="#_ordered_lists">13. Ordered Lists</a></li>
-<li><a href="#_unordered_lists">14. Unordered Lists</a></li>
-<li><a href="#_mixed_list">15. Mixed list</a></li>
-<li><a href="#_description_list">16. Description list</a>
+<li><a href="#_block_listing">12. Block listing</a></li>
+<li><a href="#_block_literal">13. Block literal</a></li>
+<li><a href="#_ordered_lists">14. Ordered Lists</a></li>
+<li><a href="#_unordered_lists">15. Unordered Lists</a></li>
+<li><a href="#_mixed_list">16. Mixed list</a></li>
+<li><a href="#_description_list">17. Description list</a>
 <ul class="sectlevel2">
-<li><a href="#_with_horizontal">16.1. With [horizontal]</a></li>
-<li><a href="#_with_title">16.2. With title</a></li>
-<li><a href="#_indented_with_space">16.3. Indented with space</a></li>
-<li><a href="#_with">16.4. With "+"</a></li>
-<li><a href="#_mixed_with_list">16.5. Mixed with list</a></li>
-<li><a href="#_spread">16.6. Spread</a></li>
-<li><a href="#_mixed_with_ordered_and_unordered_list">16.7. Mixed with ordered and unordered list</a></li>
+<li><a href="#_with_horizontal">17.1. With [horizontal]</a></li>
+<li><a href="#_with_title">17.2. With title</a></li>
+<li><a href="#_indented_with_space">17.3. Indented with space</a></li>
+<li><a href="#_with">17.4. With "+"</a></li>
+<li><a href="#_mixed_with_list">17.5. Mixed with list</a></li>
+<li><a href="#_spread">17.6. Spread</a></li>
+<li><a href="#_mixed_with_ordered_and_unordered_list">17.7. Mixed with ordered and unordered list</a></li>
 </ul>
 </li>
-<li><a href="#_question_and_answers">17. Question and Answers</a></li>
-<li><a href="#_horizontal_rules">18. Horizontal rules</a></li>
-<li><a href="#_page_break">19. Page break</a></li>
-<li><a href="#_urls">20. URLs</a></li>
-<li><a href="#_anchors">21. Anchors</a>
+<li><a href="#_question_and_answers">18. Question and Answers</a></li>
+<li><a href="#_horizontal_rules">19. Horizontal rules</a></li>
+<li><a href="#_page_break">20. Page break</a></li>
+<li><a href="#_urls">21. URLs</a></li>
+<li><a href="#_anchors">22. Anchors</a>
 <ul class="sectlevel2">
-<li><a href="#version-4_9">21.1. Version 4.9</a></li>
-<li><a href="#version-4_10">21.2. Version 4.10</a></li>
-<li><a href="#which-one">21.3. Version 4.11 </a></li>
+<li><a href="#version-4_9">22.1. Version 4.9</a></li>
+<li><a href="#version-4_10">22.2. Version 4.10</a></li>
+<li><a href="#which-one">22.3. Version 4.11 </a></li>
 </ul>
 </li>
-<li><a href="#_cross_references">22. Cross references</a>
+<li><a href="#_cross_references">23. Cross references</a>
 <ul class="sectlevel2">
-<li><a href="#_internal">22.1. Internal</a></li>
+<li><a href="#_internal">23.1. Internal</a></li>
 </ul>
 </li>
-<li><a href="#_images">23. Images</a>
+<li><a href="#_images">24. Images</a>
 <ul class="sectlevel2">
-<li><a href="#_block_images">23.1. Block images</a></li>
-<li><a href="#_float_group">23.2. Float group</a></li>
-<li><a href="#_inline_image">23.3. Inline image</a></li>
+<li><a href="#_block_images">24.1. Block images</a></li>
+<li><a href="#_float_group">24.2. Float group</a></li>
+<li><a href="#_inline_image">24.3. Inline image</a></li>
 </ul>
 </li>
-<li><a href="#_block_open">24. Block open</a></li>
-<li><a href="#_video">25. Video</a></li>
-<li><a href="#_audio">26. Audio</a></li>
-<li><a href="#_admonition">27. Admonition</a>
+<li><a href="#_block_open">25. Block open</a></li>
+<li><a href="#_video">26. Video</a></li>
+<li><a href="#_audio">27. Audio</a></li>
+<li><a href="#_admonition">28. Admonition</a>
 <ul class="sectlevel2">
-<li><a href="#_line_admonition">27.1. Line admonition</a></li>
-<li><a href="#_style_admonition">27.2. Style admonition</a></li>
-<li><a href="#_icons">27.3. Icons</a></li>
+<li><a href="#_line_admonition">28.1. Line admonition</a></li>
+<li><a href="#_style_admonition">28.2. Style admonition</a></li>
+<li><a href="#_icons">28.3. Icons</a></li>
 </ul>
 </li>
-<li><a href="#_sidebar">28. Sidebar</a></li>
-<li><a href="#_example">29. Example</a></li>
-<li><a href="#_quote">30. Quote</a>
+<li><a href="#_sidebar">29. Sidebar</a></li>
+<li><a href="#_example">30. Example</a></li>
+<li><a href="#_quote">31. Quote</a>
 <ul class="sectlevel2">
-<li><a href="#_quoted_paragraph">30.1. Quoted paragraph</a></li>
+<li><a href="#_quoted_paragraph">31.1. Quoted paragraph</a></li>
 </ul>
 </li>
-<li><a href="#_verse">31. Verse</a></li>
-<li><a href="#_passthrough">32. Passthrough</a>
+<li><a href="#_verse">32. Verse</a></li>
+<li><a href="#_passthrough">33. Passthrough</a>
 <ul class="sectlevel2">
-<li><a href="#_block_passthrough">32.1. Block passthrough</a></li>
+<li><a href="#_block_passthrough">33.1. Block passthrough</a></li>
 </ul>
 </li>
 </ul>
@@ -140,7 +144,28 @@
 </div>
 </div>
 <div class="sect1">
-<h2 id="_inline_formatting_on_section">1. <em>Inline <code>formatting</code> on <strong>section</strong></em></h2>
+<h2 id="_author_and_emails">1. Author and emails</h2>
+<div class="sectionbody">
+<div class="ulist">
+<ul>
+<li>
+<p>First author: Author A Author {middlename} A <a href="mailto:a@a.com">a@a.com</a>
+AA</p>
+</li>
+<li>
+<p>First author: Author A Author {middlename_1} A <a href="mailto:a@a.com">a@a.com</a>
+AA</p>
+</li>
+<li>
+<p>Second author: Author mid dle B Author mid dle B
+<a href="mailto:b@b.com">b@b.com</a> AmB</p>
+</li>
+</ul>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_inline_formatting_on_section">2. <em>Inline <code>formatting</code> on <strong>section</strong></em></h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>Test inline formatting on section title.</p>
@@ -148,12 +173,12 @@
 </div>
 </div>
 <div class="sect1">
-<h2 id="_level_1">2. Level 1</h2>
+<h2 id="_level_1">3. Level 1</h2>
 <div class="sectionbody">
 <div class="sect2">
-<h3 id="_level_2">2.1. Level 2</h3>
+<h3 id="_level_2">3.1. Level 2</h3>
 <div class="sect3">
-<h4 id="_level_3">2.1.1. Level 3</h4>
+<h4 id="_level_3">3.1.1. Level 3</h4>
 <div class="sect4">
 <h5 id="_level_4">Level 4</h5>
 <div class="sect5">
@@ -172,13 +197,13 @@
 </div>
 </div>
 <div class="sect1">
-<h2 id="_section_three">3. Section Three</h2>
+<h2 id="_section_three">4. Section Three</h2>
 <div class="sectionbody">
 
 </div>
 </div>
 <div class="sect1">
-<h2 id="_comment">4. Comment</h2>
+<h2 id="_comment">5. Comment</h2>
 <div class="sectionbody">
 <div class="literalblock">
 <div class="content">
@@ -190,7 +215,7 @@ Indented block comment
 </div>
 </div>
 <div class="sect1">
-<h2 id="_paragraph">5. Paragraph</h2>
+<h2 id="_paragraph">6. Paragraph</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <div class="title">A Title</div>
@@ -250,7 +275,7 @@ This is next line in paragraph.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_unconstrained_text_formatting">6. Unconstrained text formatting</h2>
+<h2 id="_unconstrained_text_formatting">7. Unconstrained text formatting</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p><code>__A *B*__</code>: <em>A *B*</em></p>
@@ -285,7 +310,7 @@ This is next line in paragraph.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_single_quote">7. Single quote</h2>
+<h2 id="_single_quote">8. Single quote</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>'` A single quote without end.</p>
@@ -302,7 +327,7 @@ This is next line in paragraph.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_subscript_and_superscript">8. Subscript and superscript</h2>
+<h2 id="_subscript_and_superscript">9. Subscript and superscript</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>H<sub>2</sub>0 H~ 3 ~0 H~4 ~0 H ~ 5~0 H~6 7~0.</p>
@@ -313,7 +338,7 @@ This is next line in paragraph.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_constrained_text_formatting">9. Constrained text formatting</h2>
+<h2 id="_constrained_text_formatting">10. Constrained text formatting</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p><code>_A_B</code>: _A_B</p>
@@ -365,10 +390,10 @@ paragraph*</em>.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_blocks">10. Blocks</h2>
+<h2 id="_blocks">11. Blocks</h2>
 <div class="sectionbody">
 <div class="sect2">
-<h3 id="_title">10.1. Title</h3>
+<h3 id="_title">11.1. Title</h3>
 <div class="ulist">
 <div class="title">TODO list</div>
 <ul>
@@ -387,7 +412,7 @@ paragraph*</em>.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_block_listing">11. Block listing</h2>
+<h2 id="_block_listing">12. Block listing</h2>
 <div class="sectionbody">
 <div class="listingblock">
 <div class="content">
@@ -406,7 +431,7 @@ This is not listing.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_block_literal">12. Block literal</h2>
+<h2 id="_block_literal">13. Block literal</h2>
 <div class="sectionbody">
 <div class="literalblock">
 <div class="content">
@@ -431,7 +456,7 @@ A literal named and trailing characters will become paragraph.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_ordered_lists">13. Ordered Lists</h2>
+<h2 id="_ordered_lists">14. Ordered Lists</h2>
 <div class="sectionbody">
 <div class="olist arabic">
 <ol class="arabic">
@@ -654,7 +679,7 @@ This line separated by comment.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_unordered_lists">14. Unordered Lists</h2>
+<h2 id="_unordered_lists">15. Unordered Lists</h2>
 <div class="sectionbody">
 <div class="ulist">
 <ul>
@@ -877,7 +902,7 @@ This line separated by comment.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_mixed_list">15. Mixed list</h2>
+<h2 id="_mixed_list">16. Mixed list</h2>
 <div class="sectionbody">
 <div class="olist arabic">
 <ol class="arabic">
@@ -953,7 +978,7 @@ This line separated by comment.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_description_list">16. Description list</h2>
+<h2 id="_description_list">17. Description list</h2>
 <div class="sectionbody">
 <!-- toc disabled -->
 <div class="dlist">
@@ -969,7 +994,7 @@ This line separated by comment.</p>
 </dl>
 </div>
 <div class="sect2">
-<h3 id="_with_horizontal">16.1. With [horizontal]</h3>
+<h3 id="_with_horizontal">17.1. With [horizontal]</h3>
 <div class="hdlist">
 <table>
 <tr>
@@ -992,7 +1017,7 @@ Hard drive
 </div>
 </div>
 <div class="sect2">
-<h3 id="_with_title">16.2. With title</h3>
+<h3 id="_with_title">17.2. With title</h3>
 <div class="dlist">
 <div class="title">A title</div>
 <dl>
@@ -1008,7 +1033,7 @@ Hard drive
 </div>
 </div>
 <div class="sect2">
-<h3 id="_indented_with_space">16.3. Indented with space</h3>
+<h3 id="_indented_with_space">17.3. Indented with space</h3>
 <div class="dlist">
 <dl>
 <dt class="hdlist1">CPU</dt>
@@ -1023,7 +1048,7 @@ Hard drive
 </div>
 </div>
 <div class="sect2">
-<h3 id="_with">16.4. With "+"</h3>
+<h3 id="_with">17.4. With "+"</h3>
 <div class="dlist">
 <dl>
 <dt class="hdlist1">CPU</dt>
@@ -1043,7 +1068,7 @@ Hard drive
 </div>
 </div>
 <div class="sect2">
-<h3 id="_mixed_with_list">16.5. Mixed with list</h3>
+<h3 id="_mixed_with_list">17.5. Mixed with list</h3>
 <div class="dlist">
 <dl>
 <dt class="hdlist1">Dairy</dt>
@@ -1083,7 +1108,7 @@ Hard drive
 </div>
 </div>
 <div class="sect2">
-<h3 id="_spread">16.6. Spread</h3>
+<h3 id="_spread">17.6. Spread</h3>
 <div class="dlist">
 <dl>
 <dt class="hdlist1">Dairy</dt>
@@ -1123,7 +1148,7 @@ Hard drive
 </div>
 </div>
 <div class="sect2">
-<h3 id="_mixed_with_ordered_and_unordered_list">16.7. Mixed with ordered and unordered list</h3>
+<h3 id="_mixed_with_ordered_and_unordered_list">17.7. Mixed with ordered and unordered list</h3>
 <div class="dlist">
 <dl>
 <dt class="hdlist1">Operating Systems</dt>
@@ -1215,7 +1240,7 @@ Hard drive
 </div>
 </div>
 <div class="sect1">
-<h2 id="_question_and_answers">17. Question and Answers</h2>
+<h2 id="_question_and_answers">18. Question and Answers</h2>
 <div class="sectionbody">
 <div class="qlist qanda">
 <ol>
@@ -1235,7 +1260,7 @@ Hard drive
 </div>
 </div>
 <div class="sect1">
-<h2 id="_horizontal_rules">18. Horizontal rules</h2>
+<h2 id="_horizontal_rules">19. Horizontal rules</h2>
 <div class="sectionbody">
 <hr>
 <div class="paragraph">
@@ -1257,7 +1282,7 @@ Hard drive
 </div>
 </div>
 <div class="sect1">
-<h2 id="_page_break">19. Page break</h2>
+<h2 id="_page_break">20. Page break</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>Before page break.</p>
@@ -1269,7 +1294,7 @@ Hard drive
 </div>
 </div>
 <div class="sect1">
-<h2 id="_urls">20. URLs</h2>
+<h2 id="_urls">21. URLs</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p><a href="https://asciidoctor.org" class="bare">https://asciidoctor.org</a>.</p>
@@ -1298,7 +1323,7 @@ Hard drive
 </div>
 </div>
 <div class="sect1">
-<h2 id="_anchors">21. Anchors</h2>
+<h2 id="_anchors">22. Anchors</h2>
 <div class="sectionbody">
 <div id="notice" class="paragraph">
 <p>This paragraph gets a lot of attention.</p>
@@ -1326,24 +1351,24 @@ Hard drive
 </ul>
 </div>
 <div class="sect2">
-<h3 id="version-4_9">21.1. Version 4.9</h3>
+<h3 id="version-4_9">22.1. Version 4.9</h3>
 
 </div>
 <div class="sect2">
-<h3 id="version-4_10">21.2. <a id="current"></a>Version 4.10</h3>
+<h3 id="version-4_10">22.2. <a id="current"></a>Version 4.10</h3>
 
 </div>
 <div class="sect2">
-<h3 id="which-one">21.3. Version 4.11 <a id="version-4_11"></a></h3>
+<h3 id="which-one">22.3. Version 4.11 <a id="version-4_11"></a></h3>
 
 </div>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_cross_references">22. Cross references</h2>
+<h2 id="_cross_references">23. Cross references</h2>
 <div class="sectionbody">
 <div class="sect2">
-<h3 id="_internal">22.1. Internal</h3>
+<h3 id="_internal">23.1. Internal</h3>
 <div class="paragraph">
 <p>Cross reference with ID <a href="#_anchors">This is anchor</a>.</p>
 </div>
@@ -1360,10 +1385,10 @@ Hard drive
 </div>
 </div>
 <div class="sect1">
-<h2 id="_images">23. Images</h2>
+<h2 id="_images">24. Images</h2>
 <div class="sectionbody">
 <div class="sect2">
-<h3 id="_block_images">23.1. Block images</h3>
+<h3 id="_block_images">24.1. Block images</h3>
 <div class="imageblock">
 <div class="content">
 <img src="sunset.jpg" alt="sunset">
@@ -1441,7 +1466,7 @@ This is become paragraph.</p>
 </div>
 </div>
 <div class="sect2">
-<h3 id="_float_group">23.2. Float group</h3>
+<h3 id="_float_group">24.2. Float group</h3>
 <div class="openblock float-group">
 <div class="content">
 <div class="imageblock left">
@@ -1463,7 +1488,7 @@ This is become paragraph.</p>
 </div>
 </div>
 <div class="sect2">
-<h3 id="_inline_image">23.3. Inline image</h3>
+<h3 id="_inline_image">24.3. Inline image</h3>
 <div class="paragraph">
 <p><span class="image"><img src="https://upload.wikimedia.org/wikipedia/commons/3/35/Tux.svg" alt="Linux" width="25" height="35"></span></p>
 </div>
@@ -1481,7 +1506,7 @@ You can find Linux everywhere these days!</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_block_open">24. Block open</h2>
+<h2 id="_block_open">25. Block open</h2>
 <div class="sectionbody">
 <div class="openblock">
 <div class="title">Section inside</div>
@@ -1494,7 +1519,7 @@ You can find Linux everywhere these days!</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_video">25. Video</h2>
+<h2 id="_video">26. Video</h2>
 <div class="sectionbody">
 <div class="videoblock">
 <div class="title">Video without options</div>
@@ -1541,7 +1566,7 @@ Your browser does not support the video tag.
 </div>
 </div>
 <div class="sect1">
-<h2 id="_audio">26. Audio</h2>
+<h2 id="_audio">27. Audio</h2>
 <div class="sectionbody">
 <div class="audioblock">
 <div class="content">
@@ -1553,10 +1578,10 @@ Your browser does not support the audio tag.
 </div>
 </div>
 <div class="sect1">
-<h2 id="_admonition">27. Admonition</h2>
+<h2 id="_admonition">28. Admonition</h2>
 <div class="sectionbody">
 <div class="sect2">
-<h3 id="_line_admonition">27.1. Line admonition</h3>
+<h3 id="_line_admonition">28.1. Line admonition</h3>
 <div class="paragraph">
 <p>Admonition between a paragraph.
 WARNING: Wolpertingers are known to nest in server racks.
@@ -1643,7 +1668,7 @@ admonition followed by list
 </div>
 </div>
 <div class="sect2">
-<h3 id="_style_admonition">27.2. Style admonition</h3>
+<h3 id="_style_admonition">28.2. Style admonition</h3>
 <div class="admonitionblock important">
 <table>
 <tr>
@@ -1727,7 +1752,7 @@ Admonition with paragraph.
 </div>
 </div>
 <div class="sect2">
-<h3 id="_icons">27.3. Icons</h3>
+<h3 id="_icons">28.3. Icons</h3>
 <div class="admonitionblock warning">
 <table>
 <tr>
@@ -1745,7 +1770,7 @@ Enter at your own risk.
 </div>
 </div>
 <div class="sect1">
-<h2 id="_sidebar">28. Sidebar</h2>
+<h2 id="_sidebar">29. Sidebar</h2>
 <div class="sectionbody">
 <div class="sidebarblock">
 <div class="content">
@@ -1775,7 +1800,7 @@ for producing professional documents like DocBook and LaTeX.</p>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_example">29. Example</h2>
+<h2 id="_example">30. Example</h2>
 <div class="sectionbody">
 <div class="exampleblock">
 <div class="title">Example 1. Sample document</div>
@@ -1800,7 +1825,7 @@ This guide provides...</pre>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_quote">30. Quote</h2>
+<h2 id="_quote">31. Quote</h2>
 <div class="sectionbody">
 <div class="quoteblock">
 <blockquote>
@@ -1838,7 +1863,7 @@ Everybody remember where we parked.
 </div>
 </div>
 <div class="sect2">
-<h3 id="_quoted_paragraph">30.1. Quoted paragraph</h3>
+<h3 id="_quoted_paragraph">31.1. Quoted paragraph</h3>
 <div class="quoteblock">
 <blockquote>
 I hold it that a little rebellion now and then is a good thing,
@@ -1899,7 +1924,7 @@ a quote
 </div>
 </div>
 <div class="sect1">
-<h2 id="_verse">31. Verse</h2>
+<h2 id="_verse">32. Verse</h2>
 <div class="sectionbody">
 <div class="verseblock">
 <pre class="content">The fog comes
@@ -1925,13 +1950,13 @@ and then moves on.</pre>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_passthrough">32. Passthrough</h2>
+<h2 id="_passthrough">33. Passthrough</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p><code>+__A *B*__</code></p>
 </div>
 <div class="sect2">
-<h3 id="_block_passthrough">32.1. Block passthrough</h3>
+<h3 id="_block_passthrough">33.1. Block passthrough</h3>
 <video poster="images/movie-reel.png">
   <source src="videos/writing-zen.webm" type="video/webm">
 </video>
@@ -1945,7 +1970,7 @@ and then moves on.</pre>
 <div id="footer">
 <div id="footer-text">
 Version 1.1.1<br>
-Last updated 2020-11-15 18:11:38 +0700
+Last updated 2020-11-15 21:32:23 +0700
 </div>
 </div>
 </body>