text-box-trim-multicol-004-ref.html (577B)
1 <!DOCTYPE html> 2 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 3 <style> 4 .spacer { 5 background: lightgray; 6 block-size: 100px; 7 } 8 .multicol { 9 column-count: 3; 10 column-fill: auto; 11 border: 1px solid; 12 height: 290px; 13 width: 20ch; 14 font-family: Ahem; 15 font-size: 40px; 16 line-height: 1; 17 } 18 .down-half { 19 position: relative; 20 top: 20px; 21 } 22 </style> 23 <div class="multicol"> 24 abc<br><br>abc<br><br>abc<br><br>abc<br> 25 <div class="down-half"> 26 abc<br><br>abc<br><br>abc<br><br><br> 27 abc<br><br>abc<br><br> 28 </div> 29 <div class="spacer"></div> 30 </div>