multicol-width-ch-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<title>multicolumn | column-width</title>

<link rel="author" title="Opera Software ASA" href="http://www.opera.com/">

<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">

<style>

  .multicol-ref {

    font: 10px ahem;

    display: grid;

    grid-template-columns: 1fr 1ch 1fr 1ch 1fr 1ch 1fr 1ch 1fr;

    width: 69ch;

    background: yellow;

</style>

<div class="multicol-ref">

  <span>

    one two three four

    five six seven eight

  </span>

  <span></span>

  <span>

    nineten eleven twelve

    thirtn

  </span>

  <span></span>

  <span>

    fourtnfiftn sixtn

    seventn eightn ninetn

  </span>

  <span></span>

  <span>

    twenty

    hundred thousand

  </span>

  <span></span>

  <span>

    million billionx

    trillionsopp

  </span>

</div>