Comment centrer un texte avec une marge css ?

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
A voir également:

3 réponses

gestion-alternative.eu Messages postés 79 Statut Membre 15
 
Essayez en utilisant la fonction "padding"
Bonne journée
1
fred
 
euuh oui c'est quoi le padding ?
0
Mimiste Messages postés 1159 Statut Membre 206
 
en rajoutant un text-align ?

#page {
width: 500px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
0
fred
 
Oui en fait je voudrais que chaque texte écris dans le bloc div(#page) ne soit pas coller contre la marge, qu'il y est un espace entre. J'espere me faire comprendre merci
0
gestion-alternative.eu Messages postés 79 Statut Membre 15
 
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.
0
fred
 
tres bien ou dois-je placé le padding vous pouvez me donner un exemple svp merci
0