This page displays every heading level, blockquotes, code blocks, lists, Koenig callout/toggle/table cards. The definitive test of 06-koenig.css. No featured image — proves standard layout.

Heading 1

  HTML: 
  <h1>Heading 1</h1>

  Markdown: 
  # Heading 1

Heading 1 - italicized

  HTML:
  <h1><em>Heading 1</em> - italicized</h1>
  
  Markdown:
  # *Heading 1* - italicized

Heading 2

  HTML: 
  <h2>Heading 2</h2>

  Markdown: 
  ## Heading 2

Heading 2 - italicized

  HTML:
  <h2><em>Heading 2</em> - italicized</h2>
  
  Markdown:
  ## *Heading 2* - italicized

Heading 3

  HTML:
  <h3>Heading 3</h3>
  
  Markdown:
  ### Heading 3

Heading 3 - italicized

  HTML:
  <h3><em>Heading 3</em> - italicized</h3>
  
  Markdown:
  ### *Heading 3* - italicized

Heading 4

  HTML:
  <h4>Heading 4<</h4>
  
  Markdown:
  #### Heading 4

Heading 4 - italicized

  HTML:
  <h4><em>Heading 4</em> - italicized</h4>
  
  Markdown:
  #### *Heading 4* - italicized

Heading 5

  HTML:
  <h5>Heading 5</h5>
  
  Markdown:
  ##### Heading 5

Heading 5 - italicized

  HTML:
  <h5><em>Heading 5</em> - italicized</h5>
  
  Markdown:
  ##### *Heading 5* - italicized

Heading 6

  HTML:
  <h6>Heading 6</h6>
  
  Markdown:
  ###### Heading 6

Heading 6 - italicized

  HTML:
  <h6><em>Heading 6</em> - italicized</h6>
  
  Markdown:
  ###### *Heading 6* - italicized

And here is a chunk of regular body text. You can emphasize content here by making particular sections bold, or placing them in italics, or even by combining bold and italics together. And here is another sentence just to bring this body text to a close.

  HTML:
  And here is a chunk of regular body text. 
  You can emphasize content here by making 
  <strong>particular sections bold</strong>, 
  or placing them <em>in italics</em>, or 
  even by <strong><em>combining bold and 
  italics together</em></strong>. And here 
  is another sentence just to bring this 
  body text to a close.
  
  Markdown:
  And here is a chunk of regular body text. 
  You can emphasize content here by making 
  **particular sections bold**, or placing 
  them **in italics**, or even by ***combining 
  bold and italics together***. And here is 
  another sentence just to bring this body text 
  to a close.

And here is some text presented as a block quote.

  HTML:
  <blockquote>And here is some text presented as a block quote.</blockquote>

  Markdown:
  > And here is some text presented as a block quote.

Here is an unordered list:

• List item 1
• List item 2
  • List item 2a
  • List item 2b
• List item 3

  HTML:
  Here is an unordered list:
  <ul>
    <li>List item 1</li>
    <li>List item 2</li>
      <ul>
        <li>List item 2a</li>
        <li>List item 2b</li>
      </ul>
    <li>List item 3</li>
  </ul>

  Markdown:
  Here is an unordered list:
  - List item 1
  - List item 2
    - List item 2a
    - List item 2b
  - List item 3

Here is an ordered list:

1. List item 1
2. List item 2
   1. List item 2.a
   2. List item 2.b
3. List item 3

  HTML:
  Here is an ordered list:
  <ol type="1">
    <li>List item 1</li>
    <li>List item 2</li>
      <ol type="a">
        <li>List item 2.a</li>
        <li>List item 2.b</li>
      </ol>
    <li>List item 3</li>
  </ol>

  Markdown:
  Here is an ordered list:
  1. List item 1
  2. List item 2
    a. List item 2.a
    b. List item 2.b
  3. List item 3