| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> |
| 2 <html xmlns="http://www.w3.org/1999/xhtml"> |
| 3 <head> |
| 4 <title>CSS Test: Float set to 'none'</title> |
| 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> |
| 6 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/B
rowserBugsSection/css21testsuite/" /> <!-- 2012-03-26 --> |
| 7 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-pos
ition" /> |
| 8 <link rel="match" href="float-003-ref.xht" /> |
| 9 |
| 10 <meta name="flags" content="" /> |
| 11 <meta name="assert" content="The 'float' property set to 'none' does not
float the element." /> |
| 12 <style type="text/css"> |
| 13 #div1 |
| 14 { |
| 15 border: 2px solid orange; |
| 16 width: 500px; |
| 17 } |
| 18 #div2 |
| 19 { |
| 20 float: right; |
| 21 float: none; |
| 22 background: blue; |
| 23 height: 1in; |
| 24 width: 1in; |
| 25 } |
| 26 </style> |
| 27 </head> |
| 28 <body> |
| 29 <p>Test passes if the blue square is in the upper left corner of the ora
nge box and all the "Filler Text" is completely below the blue square.</p> |
| 30 <div id="div1"> |
| 31 <div id="div2"></div> |
| 32 Filler Text Filler Text Filler Text Filler Text Filler Text Filler T
ext Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Fill
er Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler T
ext |
| 33 </div> |
| 34 </body> |
| 35 </html> |
| OLD | NEW |