float-003.xht (1645B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/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/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-26 --> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" /> 8 <link rel="match" href="float-003-ref.xht" /> 9 10 <meta name="assert" content="The 'float' property set to 'none' does not float the element." /> 11 <style type="text/css"> 12 #div1 13 { 14 border: 2px solid orange; 15 width: 500px; 16 } 17 #div2 18 { 19 float: right; 20 float: none; 21 background: blue; 22 height: 1in; 23 width: 1in; 24 } 25 </style> 26 </head> 27 <body> 28 <p>Test passes if the blue square is in the upper left corner of the orange box and all the "Filler Text" is completely below the blue square.</p> 29 <div id="div1"> 30 <div id="div2"></div> 31 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 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 Text 32 </div> 33 </body> 34 </html>