text-box-trim-multicol-002-ref.html (520B)
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: 360px; 13 width: 20ch; 14 font-family: Ahem; 15 font-size: 40px; 16 line-height: 2; 17 } 18 .up-half { 19 position: relative; 20 top: -20px; 21 } 22 </style> 23 <div class="multicol"> 24 <span class="up-half"> 25 abc abc abc abc 26 </span> 27 abc abc abc abc 28 abc abc 29 <div class="spacer up-half"></div> 30 </div>