c414-flt-fit-003-ref.xht (1501B)
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 div#wrapper 13 { 14 margin-left: 1.25em; 15 margin-top: 1.25em; 16 } 17 18 div#wrapper > div {display: inline-block;} 19 20 div#left {margin-right: 0.5em;} 21 22 div#wrapper > div > div 23 { 24 background-color: navy; 25 border: blue solid medium; 26 color: white; 27 margin-bottom: 0.5em; 28 padding: 0.25em; 29 text-align: right; 30 width: 7em; 31 } 32 33 div#A1, div#A9 34 { 35 margin-left: 3.25em; 36 text-align: left; 37 } 38 39 div#A3, div#A5, div#A7 {text-align: left !important;} 40 ]]></style> 41 42 </head> 43 44 <body> 45 46 <p>The blue rectangles should be in numeric order and form a backwards "D". (Boxes labelled "A" should be in the first column; boxes labelled "B" should be in the second; arrows indicate the correct alignment.)</p> 47 48 <div id="wrapper"> 49 50 <div id="left"> 51 <div id="A1">A 1 ⇨</div> 52 <div id="A3">⇦ A 3</div> 53 <div id="A5">⇦ A 5</div> 54 <div id="A7">⇦ A 7</div> 55 <div id="A9">A 9 ⇨</div> 56 </div><div> 57 <div>B 2 ⇨</div> 58 <div>B 4 ⇨</div> 59 <div>B 6 ⇨</div> 60 <div>B 8 ⇨</div> 61 <div>B 10 ⇨</div> 62 </div> 63 64 </div> 65 66 </body> 67 </html>