alex_: vertical align in inline elementen

Beitrag lesen

hi, ich bemüh mich gerade eine vertikale zentrierung in inline elementen zu erreichen aber scheinbar nehmen dir Browser mich nur in Tabellen wahr:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style type="text/css">
td.menuitem {
    width:166px;
    height:130px;
    padding-left:30px;
    vertical-align:middle;
    font: italic 14px Verdana;
    border: solid 1px red;
}

div.menuitem {
    width:166px;
    height:130px;
    padding-left:30px;
    border: solid 1px red;
}

span {
    height:100%;
    vertical-align:middle;
    font: italic 14px Verdana;
}

</style>
</head>

<body>

<table cellspacing=0 cellpadding=0 border=0>
<tr>
  <td class="menuitem">
    test
  </td>
</tr>
</table>

<div class="menuitem"><span>test</span></div>

</body>
</html>

wieso funzt das nicht im div?