[Résolu] L'élément html <address>

Bonsoir,

Je constate un bug d'affichage sur mes navigateurs de test (Chrome et Firefox) lorsque je tente d'insérer un élément <address> dans un <p> parent :

<p>
  <address>
    <a href="/page/person.html">Jeanne d'Arc</a>
  </address> aujourd'hui à <time datetime="2023-03-07 09:31:17">9h31</time>
</p>

Le code source est bien tel quel, mais les navigateurs produisent quelque chose d'assez différent dans leur inspecteur respectif :

<p></p>
<address>
  <a href="/page/person.html">Jeanne d'Arc</a>
</address> aujourd'hui à <time datetime="2023-03-07 09:31:17">9h31</time>

Vous voyez que la balise p a comme "éjectée" son contenu. Il en est malheureusement de même pour le rendu de la page web qui est visuellement impactée de la même manière.

Si je remplace address par un span je n'ai plus aucun soucis :

<p>
  <span>
    <a href="/page/person.html">Jeanne d'Arc</a>
  </span> aujourd'hui à <time datetime="2023-03-07 09:31:17">9h31</time>
</p>

Pourtant la possibilité de mettre address dans p est décrite par MDN : "Parents autorisés : tout élément qui accepte un contenu de flux... (lien)". Et de même, le code passe sans problème à la validation W3C. Ça me rend fou cette histoire...

PS : j'oubliais le Pen : CodePen
Modifié par Olivier C (07 Mar 2023 - 23:30)