summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-display/run-in/run-in-breaking-001.xht
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>