code html :
on va centrer une image au centre de la page html
<html>
<head>
<title>centrage</title>
</head>
<body>
<div class="centrer">
<img src="MonImage.jpg"/>
</div>
</body>
</html>
le code css
.centrer{
text-align : center;
}
samedi 19 mars 2016
Centrer un élément de type inline en horizontal
Le CSS permet de contrôler l'alignement de gauche à gauche.
code html :
on va centrer une image au centre de la page html
<html>
<head>
<title>centrage</title>
</head>
<body>
<div class="centrer">
<img src="MonImage.jpg"/>
</div>
</body>
</html>
On fait appel à un bloc div avec une class du nom de centrer, je place ma balise image entre mes balises <div>. Avec le css on va positionner l'image au centre.
le code css
.centrer{
text-align : center;
}
Que ce soit un <iframe> etc.. Ici on positionne au centre de cette manière pour les types en ligne.
code html :
on va centrer une image au centre de la page html
<html>
<head>
<title>centrage</title>
</head>
<body>
<div class="centrer">
<img src="MonImage.jpg"/>
</div>
</body>
</html>
le code css
.centrer{
text-align : center;
}
Inscription à :
Publier les commentaires (Atom)
Aucun commentaire:
Enregistrer un commentaire