multicol-width-ch-001.html (814B)
1 <!DOCTYPE html> 2 <title>CSS Multi-column Layout Test: column-width (ch units)</title> 3 <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"> 4 <link rel="help" href="https://www.w3.org/TR/css-multicol-1/#the-number-and-width-of-columns"> 5 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 6 <link rel="match" href="multicol-width-ch-ref.html"> 7 <meta name="assert" value="Test that the ch unit can be used as a value for column-width."> 8 <style> 9 .multicol { 10 font: 10px ahem; 11 width: 69ch; 12 column-width: 13ch; 13 column-gap: 1ch; 14 background: yellow; 15 } 16 </style> 17 18 <div class="multicol"> 19 one two three four 20 five six seven eight 21 nineten eleven twelve 22 thirtn fourtnfiftn sixtn 23 seventn eightn ninetn twenty 24 hundred thousand million billionx 25 trillionsopp 26 </div>