Image centrée

  Juin 2020

Vous pouvez apporter les modifications suivantes :

• Pour réduire la taille de l'image, modifier la valeur de style.
• Vous pouvez également supprimer la ligne "figcaption" si vous ne souhaitez pas avoir de légende.

Code CSS

/* Remove extra left and right margins, due to padding */
.row {margin: 0}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
 }
 .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  width: 100%;
}
figcaption {
text-align: center;
font-style: italic;
font-size: 13px;
margin-top: -15px;
}

Code HTLM

<div class="row">
  <img class="center" src="..." alt="" style="width: 100%">
  <figcaption>...</figcaption>
</div>