vertical-align-122-ref.xht (1954B)
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 Reftest Reference</title> 5 <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"/> 6 7 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 8 <style type="text/css"> 9 <![CDATA[ 10 body { 11 position: relative; 12 font-size: 20px; 13 } 14 .person { 15 position: absolute; 16 width: 6em; 17 height: 8.9em; 18 } 19 .face { 20 position: relative; 21 height: 4.2em; 22 background: currentcolor; 23 } 24 .face > div { 25 position: absolute; 26 background: white; 27 } 28 .face > .mouth { 29 left: 2em; 30 top: 3em; 31 width: 2em; 32 height: .2em; 33 } 34 .face > .eye { 35 top: 1em; 36 width: 1em; 37 height: 1.2em; 38 } 39 .face > .eye.left { 40 left: 1em; 41 } 42 .face > .eye.right { 43 right: 1em; 44 } 45 .torso { 46 margin-top: 0.5em; 47 height: 2.2em; 48 border: 1em solid; 49 } 50 ]]> 51 </style> 52 </head> 53 <body> 54 <div class="person" style="left: 0em; top: 0em"> 55 <div class="face"> 56 <div class="eye left"></div> 57 <div class="eye right"></div> 58 <div class="mouth"></div> 59 </div> 60 <div class="torso"></div> 61 </div> 62 <div class="person" style="left: 7em; top: 0em"> 63 <div class="face"> 64 <div class="eye left"></div> 65 <div class="eye right"></div> 66 <div class="mouth"></div> 67 </div> 68 <div class="torso"></div> 69 </div> 70 <div class="person" style="left: 14em; top: .5em"> 71 <div class="face"> 72 <div class="eye left"></div> 73 <div class="eye right"></div> 74 <div class="mouth"></div> 75 </div> 76 <div class="torso"></div> 77 </div> 78 <div class="person" style="left: 21em; top: .5em"> 79 <div class="face"> 80 <div class="eye left"></div> 81 <div class="eye right"></div> 82 <div class="mouth"></div> 83 </div> 84 <div class="torso"></div> 85 </div> 86 </body> 87 </html>