blob: 7ec7bf8e3fca25d29f2d312990ab01975ad8040d (
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
|
<!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 - line-breaking after running in</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-breaking-001-ref.xht"/>
<meta name="assert"
content="Tests that run-ins that run in can line-break correctly,
and that their borders are then painted correctly."/>
<style type="text/css"><![CDATA[
div { display: block; }
.run-in { display: run-in; border: 5px solid blue; font-weight: bold; }
#target { border: 2px solid black; padding: 1em; }
]]></style>
</head>
<body>
<div class="run-in">Run-in<br/>header</div>
<div id="target">Start of block. The run-in header should be inside the
border around this block and there should be no space between the word
"header" and the word "Start", other than the 5px vertical blue border. The
border of the run-in must have no vertical part on the right in the first
line and no vertical part on the left in the second line. The border of the
run-in must not extend outside the border of the block.</div>
</body>
</html>
|