vertically aligned to the middle of the cell : td align « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. td align

vertically aligned to the middle of the cell

   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title></title>
<style type="text/css" media="Screen">
* .align-middle {
  height: 200px;
  vertical-align: middle;
}

</style>
</head>
<body>
<table> 
    <tr> 
        <td class="align-middle">vertically aligned to the middle of the cell.</td> 
    </tr>
</table> 

</body>
</html>








Related examples in the same category

1.Table cell background and align, indent
2.Vertically aligned to the top of the cell
3.vertically aligned to the bottom of the cell
4.Table cell vertical-align: baseline
5.table cell alignment
6.Table cell with vertical-align: top
7.Table cell with vertical-align: baseline
8.table cells with vertical alignment
9.td vertical-align: baseline;
10.td vertical-align: top;
11.td vertical-align: middle;
12.td vertical-align: bottom;