text-box-trim-multicol-012-ref.html (662B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 4 <style> 5 .multicol { 6 columns: 3; 7 column-fill: auto; 8 width: 640px; 9 height: 400px; 10 gap: 20px; 11 font-family: Ahem; 12 font-size: 50px; 13 line-height: 100px; 14 orphans: 1; 15 widows: 1; 16 background: yellow; 17 } 18 .up-half { 19 position: relative; 20 top: -25px; 21 } 22 </style> 23 <div class="multicol"> 24 <div style="height:226px; background:cyan;"></div> 25 <div style="break-before:column;" class="up-half"> 26 xxx<br> 27 xxx<br> 28 xxx<br> 29 xxx<br> 30 </div> 31 </div>