text-box-trim-multicol-001-ref.html (523B)
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 margin-block-start: 20px; 8 } 9 .multicol { 10 column-count: 3; 11 column-fill: auto; 12 border: 1px solid; 13 height: 290px; 14 width: 20ch; 15 font-family: Ahem; 16 font-size: 40px; 17 line-height: 1; 18 } 19 </style> 20 <div class="multicol"> 21 abc<br><br>abc<br><br>abc<br><br>abc<br> 22 abc<br><br>abc<br><br>abc<br><br>abc<br> 23 abc<br><br>abc<br> 24 <div class="spacer"></div> 25 </div>