Les images avec légendes

Un des cas particulier est celui des images avec légendes. Dans ce cas nous utilisons des balises html:

<figure class='image-left' style='width: 50%;'>
  <img src="/uploads/ATTENTE-JURY-EIG.jpg" alt="my alt text"/>
  <figcaption>Salle d’accueil du SGPI – Les membres de l’administration attendent d’être auditionnés par le jury – 4 juillet 2018</figcaption>
</figure>

La balise figure délimite la zone image + légendes

On peut lui ajouter une classe pour la positionner:

image-left
image-right
image-center

Dans le cas de l'image à gauche et à droite, le texte prendra l'espace restant

Avec le style width, on peut modifier la largeur de l'image en %

style='width: 50%;'

Par défault, une image est à 50%