mirror of
https://github.com/servo/servo
synced 2026-04-28 18:37:39 +02:00
37 lines
1.7 KiB
HTML
37 lines
1.7 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: Relatively positioned box has no impact on boxes which follow</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 position-relative-032"; }
|
|
@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-09-22 -->
|
|
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-relpos" />
|
|
<link rel="match" href="reference/position-relative-032-ref.xht" />
|
|
|
|
<meta name="flags" content="" />
|
|
<meta name="assert" content="Offsetting a box with relative positioning has no effect on the boxes which follow." />
|
|
<style type="text/css">
|
|
div {line-height: 1.25;}
|
|
|
|
#span1
|
|
{
|
|
position: relative;
|
|
top: 25px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>Test passes if "Filler Text1" and "Filler Text3" are on the first line and "Filler Text2" is on the second line and the space has been reserved where "Filler Text2" would have been if it were on the first line.</p>
|
|
<div>
|
|
<span>Filler Text1<span id="span1">Filler Text2</span>Filler Text3</span>
|
|
</div>
|
|
</body>
|
|
</html> |