Centrare verticalmente testo coi css

[piesse78]

ciao a tutti, ho creato una classe in questo modo:

.MENUID
{
background-color: #FFFFCC;
margin: 1px;
height: 40px;
font-family: Verdana;
font-size: 10px;
font-weight: Bold;
text-align: center;
vertical-align: middle;
}

e la uso cosi'

<div class="menuid">
titolo 1
</div>

crea un box colorato, ma come devo fare per centrare la scritta verticalmente in mezzo al box?

sono principiante lo so :quipy:

grazie a ki risponderà!

[hemmett]

Se il tuo 'div' deve contenere solo una riga di testo puoi impostare l'attributo line-height uguale all'altezza del 'div' in questo modo il vertical-align avra' effetto in quanto questo non agisce rispetto all'altezza del 'div', ma rispetto all'altezza della linea di testo.

[Mutato]

Originariamente inviato da piesse78
ciao a tutti, ho creato una classe in questo modo:

.MENUID
{
background-color: #FFFFCC;
margin: 1px;
height: 40px;
font-family: Verdana;
font-size: 10px;
font-weight: Bold;
text-align: center;
padding: 20px 20px;
}

Guarda la modifica in grassetto.

[piesse78]

grazie! utilissimi!