baseline-002.html (780B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://drafts.csswg.org/css-multicol-1"> 4 <link rel="help" href="https://drafts.csswg.org/css-align/#baseline-export"> 5 <link rel="match" href="baseline-002-ref.html"> 6 <meta name="assert" content="The first-baseline is propagated from the secound column, as it is the highest."> 7 <p>There should be a green square below.</p> 8 <div style="display:flex; align-items:baseline; line-height:2em;"> 9 <div style="background:green; width:50px; height:100px;"> 10 <br> 11 </div> 12 <div style="background:green; columns:3; orphans:1; widows:1; width:50px; height:100px;"> 13 <div style="break-inside:avoid; height:2em;"></div> 14 <br> 15 <br> 16 <br> 17 </div> 18 </div>