css/css-multicol/baseline-008.html

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-multicol-1">
<link rel="help" href="https://drafts.csswg.org/css-align/#baseline-export">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/7639">
<link rel="match" href="baseline-008-ref.html">
<style>
  .part {
      display: inline-block;
      width: 50px;
      height: 100px;
      background: green;
      color: transparent;
  }
  .multicol {
      columns: 2;
      column-fill: auto;
  }
</style>
<p>There should be a green square below.</p>
<div class="part">
  <div>line1<br>line2</div>
</div><div class="part multicol">
  <div>line1<br>line2</div>
</div>