wpt / css / css-display / run-in / run-in-inherit-001.xht

Status: FAIL | Duration: 22ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-display/run-in/run-in-inherit-001.xht

<!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>

/css/css-display/run-in/run-in-inherit-001-ref.xht

<!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>
    <title>CSS Reftest Reference</title>
    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
    <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" />
    <style type="text/css">
      .run-in { font-weight: bold; color: green; border: 10px outset orange; }
      #target { border: 2px solid black; margin: 2em; padding: 10px; }
      body { border: 10px outset orange; }
    </style>
  </head>
  <body>
    <div id="target"><span class="run-in">Run-in header</span>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>
  </body>
</html>