Table cell vertical-align : table cell : Table Style HTML CSS TUTORIALS

HTML CSS TUTORIALS » Table Style » table cell »

Table cell vertical-align


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   <html>
        <head>
            <title></title>
            <style type='text/css'>
               table {
                   font: 16px sans-serif;
                   border: 1px solid black;
               }
               td {
                   border: 1px solid black;
                   width: 125px;
               }
               td#largefont {
                   font-size: 60px;
                   vertical-align: baseline;
               }
               td.baseline {
                   vertical-align: baseline;
               }               

            </style>
        </head>
        <body>
            <table>
                <tr>
                    <td class='baseline' id='largefont'>
                        L
                    </td>
                    <td class='baseline'>
                        The contents of this cell 
                        are aligned to the baseline.
                    </td>

                </tr>            
            </table>
        </body>
    </html>