Aller au contenu

Centrer plusieurs images dans une balise <figure>


Aller à la solution Solutionné par captain_torche,

Sujets conseillés

Posté

Slt



Je viens de decouvrir la balise <figure> et j'aimerais savoir comment centrer plusieurs images se trouvant dans cette balise :



<figure>
<img src="" alt="" />
<img src="" alt="" />
<img src="" alt="" />
<img src="" alt="" />
<figcaption>Legende.</figcaption>
</figure>


img + img {
margin-left:10px;
}

Merci d'avance pour votre aide.


  • Solution
Posté

text-align: center; devrait largement suffire.



Il n'y a aucune différence de comportement entre deux balises HTML, mis à part le fait qu'elles soient de type block ou inline par défaut.


  • 1 month later...
Posté

ben... normmalement text-align:center c'est bon



à part si tu veux les centrer les unes au dessus des autres dans ce cas tu rajoutes des <div> autour de chaque image (ou tu mets ta balise IMG en bloc et non inline)



ce tutoriel explique très bien la chose http://webtuto.weebly.com/balises-block-et-inline.html (balises block & inline)



et pour centrer http://webtuto.weebly.com/lalignement-en-css.html


Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...