c414-flt-fit-004-ref.xht (1550B)
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 width: 7em; 30 } 31 32 div#B4, div#B6, div#B10, div#B12 33 { 34 margin-left: 3.25em; 35 text-align: right; 36 } 37 ]]></style> 38 39 </head> 40 41 <body> 42 43 <p>The blue rectangles should be in numeric order and form a "B". (Boxes labelled "A" should be in the first column; boxes labelled "B" should be in the second; arrows indicate the correct alignment.)</p> 44 45 <div id="wrapper"> 46 47 <div id="left"> 48 <div>⇦ A 1</div> 49 <div>⇦ A 3</div> 50 <div>⇦ A 5</div> 51 <div>⇦ A 7</div> 52 <div>⇦ A 9</div> 53 <div>⇦ A 11</div> 54 <div>⇦ A 13</div> 55 </div><div> 56 <div>⇦ B 2</div> 57 <div id="B4">B 4 ⇨</div> 58 <div id="B6">B 6 ⇨</div> 59 <div>⇦ B 8</div> 60 <div id="B10">B 10 ⇨</div> 61 <div id="B12">B 12 ⇨</div> 62 <div>⇦ B 14</div> 63 </div> 64 65 </div> 66 67 </body> 68 </html>