<html>
<head>
<title>Tabellen-Beispiel 5</title>
<style type="text/css">
table {
border: 1px solid grey;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.top {
vertical-align: top;
}
.middle {
vertical-align: middle;
}
.bottom {
vertical-align: bottom;
}
th, td {
background-color: #bbbbbb;
}
</style>
</head>
<body>
<table>
<tr>
<td class="left">
linksbündiger<br>
Text
</td>
<td class="center">
zentrierter<br>
Text
</td>
<td class="right">
rechtsbündiger<br>
Text
</td>
</tr>
<tr>
<td class="top">oben</td>
<td class="middle">mittig</td>
<td class="bottom">unten</td>
<td>
Diese Zelle bestimmt<br>
die Höhe
</td>
</tr>
</table>
</body>
</html>
