table-height-algorithm-022.xht (1506B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: Cell with 'vertical-align: text-bottom' renders as 'vertical-align: baseline'</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> 7 <meta name="assert" content="A cell with 'vertical-align: text-bottom' renders as if the value were 'baseline'." /> 8 <style type="text/css"> 9 table 10 { 11 height: 100px; 12 } 13 td 14 { 15 vertical-align: text-bottom; 16 } 17 #small 18 { 19 font-size: 10pt; 20 } 21 #medium 22 { 23 font-size: 20pt; 24 } 25 #large 26 { 27 font-size: 30pt; 28 } 29 </style> 30 </head> 31 <body> 32 <p>Test passes if the bottom of the "Filler Text" below is aligned.</p> 33 <table> 34 <tr> 35 <td> 36 <div id="small">Filler Text</div> 37 </td> 38 <td> 39 <div id="medium">Filler Text</div> 40 </td> 41 <td> 42 <div id="large">Filler Text</div> 43 </td> 44 </tr> 45 </table> 46 </body> 47 </html>