[resolu]Centrer un text au mileu d'un bloc

Bonjour,

je sais déjà ce que vous allez me dire...
ben utilise text-aligne:center...

Et bien oui j'utilise cela mais j'aimerais en plus que le text soit en plein mileu de mon bloc, c'est-à-dire carrément au centre.
Avoir la même hauteur de marge en haut et en bas.
j'ai bien pensé à utiliser padding-top mais rien ne se passe???

voici mon mes codes

<div class="prix">
300
</div>

et

.prix
{
margin-top:5px;
width: 50px;
height: 70px;
border: 1px solid #000000;
float:left;
text-align:center;
padding-top;35px;
color:white;
font-weight: bold ;
background-color: :#868486 ;
}

Modifié par samb01 (23 Jan 2006 - 21:26)

Il faut mettre 300 entre <p> et </p>

mais le mieux c'est de mettre dans ton exemple
<p cla="prix">300</p>

et ça suffit

attention à la maladie exotique des css

Salut,
tu dois tout simplement ajouter
une interligne de la hauteur de ton div et c'est le seul moyen dans ce cas de le centrer verticalement.

line-height: 70px;

nettoie et allege un peu ton code:

{
margin-top:5px;
width: 50px;
height: 70px;
border: 1px solid #000; /* #000000 = #000*/
float:left;
text-align:center;
color:white;
font-weight: bold ;
background: #868486 ; /*un ":" en trop supprimé
}

Ciao
Modifié par Hermann (13 Jan 2006 - 01:32)

Bonjour,

L'utilisation de la valeur d'interligne a deux défauts : agrandissement important de la hauteur du bloc en cas d'agrandissement de la taille de caractères, et résultat très dégradé si le contenu passe sur plus d'une ligne.

Ce n'est pas le cas en utilisant correctement les paddings :
- ne pas spécifier de hauteur au bloc
- indiquer un padding-top et un padding-bottom de même valeur (qui, ajoutés à la taille par défaut de la police, donnent la hauteur voulue).
Modifié par Laurent Denis (13 Jan 2006 - 07:02)