Blitz - WPT: first-line-with-inline-block.html

wpt / css / css-pseudo / first-line-with-inline-block.html

/css/css-pseudo/first-line-with-inline-block.html

<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-text-line">
<link rel="match" href="reference/first-line-with-inline-block-ref.html">
<style>
.fl:first-line {
  color: red;
}
.fl-atomic {
  display: inline-block;
}
.fl-atomic:first-line {
  color: lime;
}
</style>
<div class="fl">
FIRST <div class="fl-atomic">first</span><br>second</div> FIRST
</div>

/css/css-pseudo/reference/first-line-with-inline-block-ref.html

<!DOCTYPE html>
<style>
.outer-f {
  color: red;
}
.fl-atomic {
  display: inline-block;
}
.inner-f {
  color: lime;
}
</style>
<div>
<span class="outer-f">FIRST</span> <div class="fl-atomic"><span class="inner-f">first</span><br>second</div> <span class="outer-f">FIRST</span>
</div>