Comment centrer un texte avec une marge css ?
fred
-
fred -
fred -
Bonjour,
Aidez moi à centrer un texte dans bloc div avec une marge de chaque coté du texte le tout en CSS
Voici le code
body {
text-align: center;
}
#page {
width: 500px;
margin-left: auto;
margin-right: auto;
}
<body>
<div id="page">
<h1>Bonjour, pourriez-vous m'aider à mettre une marge de chaque coté de cette phrase</h1>
</div>
</body>
Merci pour votre aide
Aidez moi à centrer un texte dans bloc div avec une marge de chaque coté du texte le tout en CSS
Voici le code
body {
text-align: center;
}
#page {
width: 500px;
margin-left: auto;
margin-right: auto;
}
<body>
<div id="page">
<h1>Bonjour, pourriez-vous m'aider à mettre une marge de chaque coté de cette phrase</h1>
</div>
</body>
Merci pour votre aide
Configuration: Windows XP Internet Explorer 6.0
3 réponses
-
Essayez en utilisant la fonction "padding"
Bonne journée -
en rajoutant un text-align ?
#page {
width: 500px;
margin-left: auto;
margin-right: auto;
text-align: center;
} -
En gros, c'est le même principe que "margin" sauf que les marges sont "internes".
Pas facile à expliquer.. Prenons un carré : "margin" serait la marge extérieur et "padding" la marge intérieur.
Pas mieux comme explication.
