<article class="columns">
  <h1 class="spanner">Columns with multicol</h1>
  
  <p>Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.</p>

  <p>Corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.</p>

  <p>Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale.  </p>

 
  </article>

article {
  column-count: 3;
  column-fill: auto;
  height: 20em;
  border: 2px solid #000;
  padding: 1em;
}

body {
  padding: 1em;
  font: 1.2em/1.4 Arial, Helvetica, sans-serif;
}

h1, h2 {
  margin: 0;
  padding: .2rem;
  background-color: #efefef;
  border: 2px solid #ccc;
}