Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/CSS2/floats-clear/float-003.xht - WPT Dashboard Interop Dashboard
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title>CSS Test: Float set to 'none'</title>
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-26 -->
<link rel="match" href="float-003-ref.xht" />
<meta name="assert" content="The 'float' property set to 'none' does not float the element." />
<style type="text/css">
#div1
{
border: 2px solid orange;
width: 500px;
}
#div2
{
float: right;
float: none;
background: blue;
height: 1in;
width: 1in;
}
</style>
</head>
<body>
<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>
<div id="div1">
<div id="div2"></div>
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
</div>
</body>
</html>