multicol-width-ch-ref.html (778B)
1 <!DOCTYPE html> 2 <title>multicolumn | column-width</title> 3 <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> 4 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 5 <style> 6 .multicol-ref { 7 font: 10px ahem; 8 display: grid; 9 grid-template-columns: 1fr 1ch 1fr 1ch 1fr 1ch 1fr 1ch 1fr; 10 width: 69ch; 11 background: yellow; 12 } 13 </style> 14 15 <div class="multicol-ref"> 16 <span> 17 one two three four 18 five six seven eight 19 </span> 20 <span></span> 21 <span> 22 nineten eleven twelve 23 thirtn 24 </span> 25 <span></span> 26 <span> 27 fourtnfiftn sixtn 28 seventn eightn ninetn 29 </span> 30 <span></span> 31 <span> 32 twenty 33 hundred thousand 34 </span> 35 <span></span> 36 <span> 37 million billionx 38 trillionsopp 39 </span> 40 </div>