float-lft-orthog-htb-in-vlr-002-ref.xht (1110B)
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 <meta name="DC.date.created" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" /> 10 <meta name="DC.date.modified" content="2017-02-17T09:54:03+11:00" scheme="W3CDTF" /> 11 12 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> 13 14 15 <style type="text/css"><![CDATA[ 16 html 17 { 18 writing-mode: vertical-lr; 19 } 20 21 div#vertical-parent 22 { 23 border: orange solid 8px; 24 font-size: 32px; 25 line-height: 1.25; /* computes to 40px */ 26 } 27 28 div#orthog-horiz 29 { 30 background-color: blue; 31 color: white; 32 left: 16px; 33 position: absolute; 34 writing-mode: horizontal-tb; 35 } 36 37 span 38 { 39 position: relative; 40 top: 40px; 41 } 42 ]]></style> 43 44 </head> 45 46 <body> 47 48 <div id="vertical-parent"> 49 <div id="orthog-horiz">HTB floated left</div> 50 <span>VLR parent</span> 51 </div> 52 53 </body> 54 </html>