bug: README anchors are displayed below the title

[regseb]

The README anchors for my JFather project are displayed below the title:

Here's the HTML generated:

<div class="markdown-heading">
  <h1 class="heading-element">JFather</h1>
  <a id="user-content-jfather" class="anchor-element" aria-label="Permalink: JFather" href="#jfather">
    <svg aria-hidden="true" role="img" class="octicon octicon-link" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" style="display:inline-block;user-select:none;vertical-align:middle">
      <path fill-rule="evenodd" d="[...]"></path>
    </svg>
  </a>
</div>

Here's the HTML generated of another project where the anchor is displayed correctly:

<h1>
  <a id="user-content-cronnor" class="anchor" aria-hidden="true" href="#cronnor">
    <svg aria-hidden="true" role="img" class="octicon octicon-link" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" style="display:inline-block;user-select:none;vertical-align:middle">
      <path fill-rule="evenodd" d="[...]"></path>
    </svg>
  </a>
  Cronnor
</h1>

And in a third project, the anchors aren't displayed:

<div class="markdown-heading">
  <h1 class="heading-element">Metalint</h1>
  <a id="user-content-metalint" class="anchor" aria-label="Permalink: Metalint" href="#metalint">
    <svg aria-hidden="true" role="img" class="octicon octicon-link" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" style="display:inline-block;user-select:none;vertical-align:middle">
    <path fill-rule="evenodd" d="[...]"></path>
    </svg>
  </a>
</div>

[CiceroLino]

Put title after archors. There archors works like icon before the title

[regseb]

The HTML in my previous post is code generated from Markdown. I didn't define the anchors in the README.md:

• anchors below (JFather):

  # JFather
  
  <!-- Utiliser du HTML (avec l'attribut "align" obsolète) pour faire flotter
       l'image à droite. -->
  <!-- markdownlint-disable-next-line no-inline-html-->
  <img src="asset/logo.svg" align="right" alt="">
  
  [![npm][img-npm]][link-npm]
  [![build][img-build]][link-build]
  [![coverage][img-coverage]][link-coverage]
  [![semver][img-semver]][link-semver]
  
  > _Boys use JSON; Men use JFather._
  
  ## Overview
  ...

• good anchors (Cronnor):

  # Cronnor
  
  <!-- Utiliser du HTML (avec l'attribut "align" obsolète) pour faire flotter
       l'image à droite. -->
  <!-- markdownlint-disable-next-line no-inline-html-->
  <img src="asset/logo.svg" align="right" alt="">
  
  [![npm][img-npm]][link-npm]
  [![build][img-build]][link-build]
  [![coverage][img-coverage]][link-coverage]
  [![semver][img-semver]][link-semver]
  
  > Bibliothèque JavaScript implémentant un programme _cron_.
  
  ## Description
  ...

• no anchors (Metalint):

  # Metalint
  
  <!-- Utiliser du HTML (avec l'attribut "align" obsolète) pour faire flotter
       l'image à droite. -->
  <!-- markdownlint-disable-next-line no-inline-html-->
  <img src="asset/logo.svg" align="right" alt="">
  
  [![npm][img-npm]][link-npm]
  [![build][img-build]][link-build]
  [![coverage][img-coverage]][link-coverage]
  [![semver][img-semver]][link-semver]
  
  > _Un linter pour les gouverner tous._
  
  ## Description
  ...