 }

  div#test
    {
      height: auto;

      columns: 4 auto;
      column-fill: auto;
      column-gap: 1em; /* computes to 20px */
      column-rule: blue solid 4px;

      orphans: 1;
      widows: 2;
    }

  div#reference
    {
      height: 182px;
    }
  </style>

  <p>Test passes if the digits inside both orange-bordered rectangles are <strong>distributed identically</strong>.

  <div id="test">1<br>2<br>3<br>4<br>5<br>6<br>7</div>

  <div id="reference">1<br>2<br>3<br>4<br>5<br>6<br>7</div>
