Comment centrer un texte avec une marge css ?

Fermé
fred - 9 juin 2008 à 19:54
 fred - 9 juin 2008 à 21:07
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

3 réponses

gestion-alternative.eu Messages postés 79 Date d'inscription samedi 17 mai 2008 Statut Membre Dernière intervention 17 mai 2010 15
9 juin 2008 à 20:35
Essayez en utilisant la fonction "padding"
Bonne journée
1
euuh oui c'est quoi le padding ?
0
Mimiste Messages postés 1149 Date d'inscription samedi 17 mai 2008 Statut Membre Dernière intervention 6 mars 2016 206
9 juin 2008 à 19:58
en rajoutant un text-align ?

#page {
width: 500px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
0
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 Date d'inscription samedi 17 mai 2008 Statut Membre Dernière intervention 17 mai 2010 15
9 juin 2008 à 20:50
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
tres bien ou dois-je placé le padding vous pouvez me donner un exemple svp merci
0