blob: f87e093ea97b11c54656f19e1875a5cb83eaca2c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<!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: Run in - run-in property inheritance</title>
<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
<link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/>
<link rel="match" href="run-in-inherit-001-ref.xht"/>
<meta name="assert"
content="Tests property inheritance for run-ins, and margin collapsing
for the block following a run-in. Should inherit from our content parent, and the margins should not collapse through a border."/>
<style type="text/css"><![CDATA[
div { display: block; }
.run-in { display: run-in; font-weight: bold; border: inherit}
#target { border: 2px solid black; color: black; margin: 2em; padding: 10px }
#container { color: green; border: 10px outset orange; }
]]></style>
</head>
<body>
<div id="container">
<div class="run-in">Run-in header</div>
<div id="target">Start of block. The run-in header should be inside the
border around this block, should be colored green, and should have an
outset orange border. There should be 2em of space on each side between
the black border of the block and outset orange border around it.</div>
</div>
</body>
</html>
|
