Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

This commit is contained in:
James Graham
2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions

View File

@@ -0,0 +1,29 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: CSS Floats: Unexpected Presences, Part 2</title>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/float/005.xml" type="application/xhtml+xml"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
<style type="text/css">
body * { margin: 4px; padding: 4px; border: 1px solid; display: block; }
.test { border-color: blue; width: 40em; }
.float { border-color: fuchsia; float: left; width: 5em; height: 5em; }
.first { border-color: purple; margin-left: 10em; }
.second { border-color: teal; width: 10em; }
</style>
</head>
<body>
<div class="test">
<div class="first"> This is the first block, with a big left margin. At the end
of this block is a left float which should be square. Text that
follows this box should flow to the right of the float or go below
it; no text should be on the left of the float. <div class="float"> This is
the square left float. </div> </div>
<div class="second"> This is the second block. It is sized so as to be just
wide enough to slightly overlap the float. Text shouldn't be able
to fit around the float without overflowing this box, so instead
all the text should just move below the float. </div>
</div>
</body>
</html>