anchor.diff:    } do %>
       <p class='govuk-body'>The first time you use an abbreviation or acroynm, write it out in full.</p>
       <p class='govuk-body'>Add the <a href='https://www.gov.uk/guidance/how-to-publish-on-gov-uk/markdown#acronyms'>acronym Markdown</a> at the end of the body copy leaving one empty line space above it, as in the following example.</p>
  -    <pre class='govspeak_help__pre'>Example content that includes a three-letter acronym (TLA).<br />*[TLA]: three-letter acronym</pre>
  +    <pre class='govspeak_help__pre'>Example content that includes a three-letter acronym (TLA).<br /><br />*[TLA]: three-letter acronym</pre>
       <p class='govuk-body'>When a user hovers their mouse over a <abbr title='three-letter acronym'>TLA</abbr>, they will see it written in full.</p>
     <% end %>
   
     <%= render "govuk_publishing_components/components/details", {
       title: "Blockquotes"
     } do %>
  -    <pre class='govspeak_help__pre'>Introduction to the quote:<br />> First paragraph of the quote.<br />><br />> Second paragraph of the quote.</pre>
  +    <pre class='govspeak_help__pre'>Introduction to the quote:<br /><br />> First paragraph of the quote.<br />><br />> Second paragraph of the quote.</pre>
       <p class='govuk-body'>The > in the line space is important. If you leave it out you will get 2 separate quotes, not 1 running quote.</p>
     <% end %>
   
  
positive.code:   <%= render "govuk_publishing_components/components/details", {
      title: "Headings"
    } do %>
      <pre class="govspeak_help__pre">## Top level heading – H2<br />### Second level heading – H3<br />#### Third level heading – H4<br />Don’t use a single # – this is H1 and is for the title only</pre>
    <% end %>
  
    <%= render "govuk_publishing_components/components/details", {
  
negative.code:     <%= render "govuk_publishing_components/components/details", {
        title: "Footnotes"
      } do %>
        <pre class='govspeak_help__pre'>Footnotes can be added[^1].<br /><br />[^1]: And then later defined.</pre>
        <p class='govuk-body'>
          You can add a footnote marker to a document using [^<em>i</em>] where <em>i</em> is the footnote number or label. Each of these tags should have corresponding footnote content, defined with [^<em>i</em>]: <em>The footnote content</em>. The footnote content will always appear at the end of the document regardless of where they are in the markdown.
        </p>
        <p class='govuk-body'>
          Footnote content can hold more than one paragraph by indenting the content 4 spaces:
        </p>
        <pre class='govspeak_help__pre'>[^1]:<br />    This is some footnote content and is indented 4 spaces.<br /><br />   This paragraph is also indented, so will be considered part of the footnote content.</pre>
      <% end %>
    <% end %>
  
  