text-box-trim-multicol-009-ref.html (654B)
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: 350px; 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 class="up-half"> 25 xxx<br> 26 xxx<br> 27 xxx<br> 28 </div> 29 <div class="up-half" style="break-before:column;"> 30 xxx<br> 31 xxx<br> 32 </div> 33 </div>