Blitz - WPT: out-of-flow-in-multicolumn-093.html

wpt / css / css-break / out-of-flow-in-multicolumn-093.html

/css/css-break/out-of-flow-in-multicolumn-093.html

<!DOCTYPE html>
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1319280">
<link rel="match" href="out-of-flow-in-multicolumn-093-ref.html">
<style>
  ul { columns:2; column-gap:0; height:20px; width:200px; line-height:20px; margin-left:-100px; }
  ul li { position:relative; list-style-type:none; font-size:20px; }
  ul li::before { content:" \2022 "; position:absolute; top:-2px; left:-15px; }
</style>
<p>There should be a bullet to the left of the word "Bullet".</p>
<ul>
  <li>Bullet</li>
  <li>Bullet</li>
</ul>

/css/css-break/out-of-flow-in-multicolumn-093-ref.html

<!DOCTYPE html>
<style>
  ul { columns:1; height:20px; width:100px; line-height:20px; }
  ul li { position:relative; list-style-type:none; font-size:20px; }
  ul li::before { content:" \2022 "; position:absolute; top:0; left:-15px; }
</style>
<p>There should be a bullet to the left of the word "Bullet".</p>
<ul>
  <li>Bullet</li>
</ul>