Vertical-align voor text in een div.

[intGod]

Kan iemand me vertellen hoe ik er voor kan zorgen dat tekst verticaal in het midden komt te staan in een div? Ik heb het volgende geprobeerd:

code:

div#blabla
{
  vertical-align:    middle;
}

maar dat werkt dus niet De tekst blijft koppig bovenaan staan.

[André]

heb je de div wel een hoogte gegeven?

[intGod]

André schreef op 09 februari 2004 @ 08:08:
heb je de div wel een hoogte gegeven?

Ik zal even de style posten:

code:

div#menu
{
  width:              750px;
  height:             24px;
  background-image:   url('../images/products_03.jpg');
  vertical-align:     bottom;
  color:              #ffffff;
  font-size:          12px;
}

[André]

Trouwens, vertical align werkt alleen met inline elementen. Dus je zult met margin/padding-bottom en margin/padding-top moeten werken.

[intGod]

André schreef op 09 februari 2004 @ 08:26:
Trouwens, vertical align werkt alleen met inline elementen. Dus je zult met margin/padding-bottom en margin/padding-top moeten werken.

Ok. Het zal dus een onzichtbaar gifje worden want die paddings werken niet naar behoren (ttz, ze verknoeien m'n layout ).

[Willem]

"Onzichtbare" .GIF jes

Waar is CSS nou voor?

padding moet best werken.

[André]

willem169 schreef op 09 februari 2004 @ 09:04:
"Onzichtbare" .GIF jes

Waar is CSS nou voor?

padding moet best werken.

Inderdaad, of het GIFje nu 50 pixels hoog is of de padding-top is 50px maakt geen verschil.

En als het je layout verkloot klopt er iets niet aan je layout.

[Verwijderd]

'vertical-align' werkt alleen i.c.m. 'line-height'