c414-flt-wrap-000.xht (1744B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: Text Not Fitting Beside Non-Replaced Float</title> 5 6 <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> 7 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> 8 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> 9 <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements"/> 10 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/> 11 12 <meta name="assert" content="If a shortened line box is too small to contain any further content, then it is shifted downward until either it fits or there are no more floats present." /> 13 <style type="text/css"><![CDATA[ 14 p { color: navy; } 15 .test { width: 15em; margin: 1em; padding: 0; background: white; color: white; } 16 .test p { margin: 0; padding: 0.01em; } 17 .test p.left { float: left; } 18 .test p.right { float: right; width: 14.98em; background: teal; color: aqua; text-align: center; } 19 ]]></style> 20 </head> 21 <body> 22 <p>Test passes if the word "fail" does not appear.</p> 23 <div class="test"> 24 <p class="left"> TEST: </p> 25 <p class="right"> PASS </p> 26 fail fail fail fail fail fail fail fail fail fail 27 fail fail fail fail fail fail fail fail fail fail 28 fail fail fail fail fail fail fail fail fail fail 29 fail fail fail fail fail fail fail fail fail fail 30 fail fail fail fail fail fail fail fail fail fail 31 </div> 32 <!-- this test actually failed in Mozilla once --> 33 </body> 34 </html>