Exemple de légende en HTML

contents/index.sh

@@ -56,7 +56,10 @@ section: main
 
 Ce projet  d'étude participative de la neige vous intéresse ? Vous souhaiteriez en savoir plus ? Participer à la collecte de données ?
 
-![Borne de mesure en cours d'installation - crédit : Geoffrey Le Tocquet](/assets/medias-site/planter_poteau_credit_Le_Tocquet.webp =600)
+<figure>
+	<img src="/assets/medias-site/planter_poteau_credit_Le_Tocquet.webp">
+	<figcaption>Borne de mesure en cours d'installation - crédit : Geoffrey Le Tocquet</figcaption>
+</figure>
 
 Vous pourrez suivre l'avancement du projet pendant les prochaines via [**notre blog**](/blog) et via [**les relevés du manteau neigeux**](/bornes) qui seront publiés régulièrement par les volontaires pendant la période hivernale et **accessibles en open source** depuis le site. Certaines [**ressources**](/ressources) que nous postons et partageons régulièrement pourraient également vous intéresser.
 Et si vous avez **des questions** ou si vous souhaiteriez **participer** à ce projet, n'hésitez pas à [**nous contacter**](/contact). Nous avons actuellement suffisamment de volontaires impliqués dans le projet pour assurer les mesures mais nous sommes ouverts aux idées et projets et éventuelles collaborations.

rc/style.css

@@ -35,7 +35,7 @@ Table of Contents:
 
 /* reset block elements  */
 * { box-sizing: border-box; border-spacing: 0; margin: 0; padding: 0;}
-header, footer, figure, table, video, details, blockquote,
+header, footer, table, video, details, blockquote,
 ul, ol, dl, fieldset, pre, pre > code, caption {
 	display: block;
 	margin: 0.5rem 0rem 1rem;
@@ -138,6 +138,7 @@ table img { display: block; }
 /* img, svg, #map { max-width: 100%; vertical-align: text-top; object-fit: cover; } */
 img, svg, #map { display:block; margin-left: auto; margin-right: auto; max-width: 100%;}
 p>img:not(:only-child) { float: right; margin: 0 0 .5em .5em; }
+figcaption { text-align: center; }
 figure > img { display: inline-block; width: auto; }
 figure > img:only-of-type, figure > svg:only-of-type { max-width: 100%; display: block; margin: 0 auto 0.4em; }
 main img { margin-top: 3rem; margin-bottom: 3rem;}