eliott/servo
1
0
Fork 0
mirror of https://github.com/servo/servo synced 2026-04-29 19:07:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

50
tests/wpt/css-tests/css21_dev/xhtml1print/floats-030.xht Normal file
View File

@@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Position of floated elements in relation to previous elements</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test floats-030"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property" />
<link rel="match" href="reference/floats-030-ref.xht" />
<meta name="flags" content="image" />
<meta name="assert" content="Outer top of a floating box cannot be higher than the outer top of any block or floated box generated by an element earlier in the source document." />
<style type="text/css">
#d1
{
border: solid 5px black;
margin: 10px;
height: 150px;
}
#span1, img
{
height: 1in;
width: 1in;
}
#span1
{
background-color: orange;
float: left;
margin-top: 10px;
padding-top: 10px;
}
</style>
</head>
<body>
<p>Test passes if the orange box is within the black box, below the words "Filler Text 1", and to the left of both the blue box and the words "Filler Text 2".</p>
<div id="d1">
<div>Filler Text 1</div>
<span>Filler Text 2</span>
<img alt="blue box" src="support/blue15x15.png" />
<span id="span1"></span>
</div>
</body>
</html>