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-005.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 - non-positioned block box created after a float</title>
<link rel="author" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="match" href="float-005-ref.xht" />
<meta content="ahem" name="flags" />
<meta content="A non-positioned block box created after a float box should flow vertically as if the float did not exist. The line boxes created next to the float should be shortened to make room for that preceding floated box." name="assert" />
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css"><![CDATA[
div#left-floated-square
{
color: blue;
float: left;
font: 100px/1 Ahem;
}
div#non-positioned-block-square-after
{
background-color: black;
height: 200px;
width: 200px;
}
]]></style>
</head>
<body>
<p>Test passes if a blue square fills the upper left corner of a bigger black square.</p>
<div id="left-floated-square">X</div>
<div id="non-positioned-block-square-after"></div>
</body>
</html>