Blitz - WPT: block-in-inline-first-line-001.html

wpt / css / CSS2 / normal-flow / block-in-inline-first-line-001.html

/css/CSS2/normal-flow/block-in-inline-first-line-001.html

<!DOCTYPE html>
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-line-pseudo" />
<link rel="match" href="block-in-inline-first-line-001-ref.html"/>
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
<style>
div::first-line {
  background: orange;
}
</style>
<body>
  <div>
    <span>
      First line.<br>
      Second line.
      <div>
        First line in 1st block box.<br>
        Second line.
      </div>
      <div>
        First line in 2nd block box.<br>
        Second line.
      </div>
      First line after block-in-inline is not ::first-line.<br>
      Second line.
    </span>
  </div>
</body>

/css/CSS2/normal-flow/block-in-inline-first-line-001-ref.html

<!DOCTYPE html>
<style>
div::first-line {
  background: orange;
}
</style>
<body>
  <div>
    First line.<br>
    Second line.
  </div>
  <div>
    First line in 1st block box.<br>
    Second line.
  </div>
  <div>
    First line in 2nd block box.<br>
    Second line.<br>
    First line after block-in-inline is not ::first-line.<br>
    Second line.
  </div>
</body>