Blitz - WPT: borders-008.html

wpt / css / css-break / borders-008.html

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#break-decoration">
<link rel="match" href="borders-008-ref.html">
<p>There should be three circles below.</p>
<div style="columns:3; width:320px; gap:10px; column-fill:auto; height:100px;">
  <div style="box-decoration-break:clone; border:10px solid; border-radius:50px; width:80px; height:240px; background:yellow;"></div>
</div>

/css/css-break/borders-008-ref.html

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<p>There should be three circles below.</p>
<div style="display:flex; justify-items:space-between; width:320px; gap:10px; height:100px;">
  <div style="border:10px solid; border-radius:50px; width:80px; height:80px; background:yellow;"></div>
  <div style="border:10px solid; border-radius:50px; width:80px; height:80px; background:yellow;"></div>
  <div style="border:10px solid; border-radius:50px; width:80px; height:80px; background:yellow;"></div>
</div>