text-emphasis-position-over-left-001-ref.xht (1266B)
1 <?xml version="1.0" encoding="UTF-8"?> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>CSS Test: text-emphasis-position - over left - basic cases Reftest Reference</title> 6 <link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" /> 7 <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com" /> 8 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 9 <style type="text/css"><![CDATA[ 10 .parent 11 { 12 background: yellow; 13 border: solid 1px gray; 14 color: blue; 15 font: 20px/1em ahem; 16 width: 6em; 17 } 18 ruby { 19 ruby-position: over; 20 } 21 ]]></style> 22 </head> 23 <body> 24 <div> 25 <p>Test passes if a pair of upper and lower block in the square box is identical.</p> 26 <p>horizontal</p> 27 <div class="parent"> 28 <div> 29 <ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby> 30 de<br /> 31 <br /> 32 </div> 33 </div> 34 <br /> 35 <div class="parent"> 36 <div> 37 <ruby><rb>a</rb><rt>●</rt><rb>b</rb><rt>●</rt><rb>c</rb><rt>●</rt></ruby> 38 de<br /> 39 <br /> 40 </div> 41 </div> 42 </div> 43 </body> 44 </html>