servo/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-block-vrl-006.xht

24 lines
No EOL
1,013 B
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 charset="utf-8" />
<title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" />
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2016-01-14 -->
<meta content="ahem" name="flags" />
<style>
.container {
color:transparent;
font:50px/1 Ahem;
}
.outline {
color:orange;
display:inline-block;
outline:blue solid 2px;
}
</style>
</head><body><p>Test passes if the inside of 3 blue rectangles is orange.
</p><div class="container">
<span style="margin-left:1em" class="outline">1</span><br />
<span style="margin-left:3em" class="outline">1<br />2</span><br />
<span style="margin-left:5em" class="outline">1<br />2<br />X</span>
</div>
</body></html>