Aller au contenu principal


Centrer un bloc

Avec Flexbox, il devient très simple de centrer un contenu.

Voici un exemple :

le code html :

<div style="display :flex; justify-content:center">
          <p> je suis centré dans le bloc </p>
</div>

Billet créé le :
18 nov 2020

le résultat produit :

je suis centré dans le bloc

Cela convient pour tout type de contenu : texte, image, multimédia.

<div style="display : flex; justify-content:center">  
         <img alt="" height="auto" src="prop_slide.png" max-width="444" width="90%" />  
</div>

le résultat produit :

Cliquer pour agrandir l'image