Blitz - WPT: multicol-span-all-020.html

wpt / css / css-multicol / multicol-span-all-020.html

/css/css-multicol/multicol-span-all-020.html

<!DOCTYPE html>
<title>Column rules before and after spanner with margins</title>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-multicol/#column-gaps-and-rules">
<link rel="help" href="https://drafts.csswg.org/css-multicol/#column-span">
<link rel="match" href="multicol-span-all-020-ref.html">
<p>There should be three identical blue bars below.</p>
<div style="columns:2; width:100px; column-gap:20px; column-rule:20px solid blue;">
  <div style="height:50px; background:blue;"></div>
  <div style="column-span:all; margin:10px 0; height:25px; background:blue;"></div>
  <div style="height:50px; background:blue;"></div>
</div>

/css/css-multicol/multicol-span-all-020-ref.html

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<style>
  .bar {
    width: 100px;
    height: 25px;
    background: blue;
  }
</style>
<p>There should be three identical blue bars below.</p>
<div class="bar"></div>
<div class="bar" style="margin:10px 0;"></div>
<div class="bar"></div>