vertical-align-in-quirks.html (1323B)
1 <meta charset="utf-8"> 2 <title>CSS Text level 3 Test: letter spacing after bidi</title> 3 <link rel="author" href="kojii@chromium.org"> 4 <link rel="match" href="reference/vertical-align-in-quirks-ref.html"> 5 <meta name="assert" content="Tests some vertical-align values match in quirks and standard modes."> 6 <style> 7 div { 8 font-size: 10px; 9 line-height: 50px; 10 border: 1px solid blue; 11 } 12 img { 13 width: 1em; 14 height: 2em; 15 background: orange; 16 border: 1px solid black; 17 } 18 .text-top { 19 vertical-align: text-top; 20 } 21 .text-bottom { 22 vertical-align: text-bottom; 23 } 24 .top { 25 vertical-align: top; 26 } 27 .bottom { 28 vertical-align: bottom; 29 } 30 </style> 31 <body> 32 <div> 33 <img class="text-top" src="/css/support/60x60-red.png">Y 34 </div> 35 <div> 36 <img class="text-bottom" src="/css/support/60x60-red.png">Y 37 </div> 38 <div> 39 <img class="top" src="/css/support/60x60-red.png">Y 40 </div> 41 <div> 42 <img class="bottom" src="/css/support/60x60-red.png">Y 43 </div> 44 <div> 45 <img class="text-top" src="/css/support/60x60-red.png"><span>Y</span> 46 </div> 47 <div> 48 <img class="text-bottom" src="/css/support/60x60-red.png"><span>Y</span> 49 </div> 50 <div> 51 <img class="top" src="/css/support/60x60-red.png"><span>Y</span> 52 </div> 53 <div> 54 <img class="bottom" src="/css/support/60x60-red.png"><span>Y</span> 55 </div> 56 </body>