<!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="match" href="baseline-007-ref.html">
<p>There should be a green square below.</p>
<div style="display:flex; align-items:baseline; line-height:40px;">
  <div style="width:50px; background:green;">
    <div style="height:60px;"></div>
    <br>
  </div>
  <div style="columns:3; width:50px; background:green;">
    <div style="height:90px;"></div>
    <div style="column-span:all; height:30px;"></div>
    <br>
  </div>
</div>
