« Le langage HTML/Placement des objets » : différence entre les versions
Contenu supprimé Contenu ajouté
Ligne 59 :
</div>
</syntaxhighlight>
donne :
{{début cadre|bleu}}
<div style="text-align: center;">
<div style="width:480px; border: solid 4px #ccc8;">
Élément de type bloc.
</div>
</div>
{{fin cadre}}
=== Éléments de type bloc ===
Les éléments de type bloc peuvent être placés en CSS soient par des coordonnées absolues ou relatives, soit en définissant des marges autour.
Pour le centrage, comme dans l'exemple précédent, les marges doivent être définies à automatique pour répartir l'espace disponible restant équitablement à gauche et à droite.
<syntaxhighlight lang="html">
<div>
<div style="margin:auto; width:480px; border: solid 4px #ccc8;">
Élément de type bloc.
</div>
</div>
</syntaxhighlight>
donne :
{{début cadre|bleu}}
<div>
<div style="margin:auto; width:480px; border: solid 4px #ccc8;">
Élément de type bloc.
</div>
| |||