vertical-align-baseline-004a-ref.xht (1264B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 5 <head> 6 7 <title>CSS Reftest Reference</title> 8 9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> 10 11 <style type="text/css"><![CDATA[ 12 body {margin: 8px;} 13 14 p 15 { 16 font: 1em/1.25 serif; 17 margin: 1em 0em; 18 } 19 20 div 21 { 22 background-color: yellow; 23 height: 209px; 24 position: relative; 25 } 26 27 img#blue-square, img#vertical-ruler {vertical-align: top;} 28 29 img#black-stripe 30 { 31 bottom: 0px; 32 position: absolute; 33 } 34 ]]></style> 35 36 </head> 37 38 <body> 39 40 <p>Test passes if the bottom edge of the blue square is flush with the 100px<br /> 41 line and if the top edge of the black stripe is flush with the 200px line.</p> 42 43 <div><img id="blue-square" src="../support/blue15x15.png" width="100" height="100" alt="Image download support must be enabled" /><img id="vertical-ruler" src="../support/ruler-v-100px-200px.png" width="55" height="250" alt="Image download support must be enabled" /><img id="black-stripe" src="../support/black15x15.png" width="345" height="10" alt="Image download support must be enabled" /> 44 </div> 45 46 </body> 47 </html>