mirror of
https://github.com/servo/servo
synced 2026-04-28 18:37:39 +02:00
42 lines
2.5 KiB
HTML
42 lines
2.5 KiB
HTML
<!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: Float set to 'inherit'</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 float-004"; }
|
|
@bottom-right { content: counter(page); }
|
|
}
|
|
</style>
|
|
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
|
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-02 -->
|
|
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
|
|
<meta name="flags" content="" />
|
|
<meta name="assert" content="The 'float' property set to 'inherit' correctly inherits the value from the parent element." />
|
|
<style type="text/css">
|
|
#div1
|
|
{
|
|
border: 2px solid orange;
|
|
width: 500px;
|
|
float: right;
|
|
}
|
|
#div2
|
|
{
|
|
float: inherit;
|
|
background: blue;
|
|
height: 1in;
|
|
width: 1in;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>Test passes if the blue square is in the upper right corner of the orange box and the "Filler Text" flows around 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 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 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> |