title: Flow layout behavior using plain old HTML?
body: <p>Using plain old HTML, how can I achieve a layout like this?</p>
  
  <p><img src="https://i.stack.imgur.com/Qy72T.png" alt="enter image description here"></p>
  
  <p>I've got 10-50 dynamic elements in an array, and I need to display them as shown. </p>
  
  <p>If I just add all them to a container div, it goes left to right.</p>
  
  <p>If each element is a div, they stack top to bottom, but never wrap to the next column.</p>
  
  <p>How is this typically achieved using plain old HTML? <strong>edit</strong> I need this to work dynamically, e.g. if there maybe only be 2 items, or 50; I can't hard-code 3 &lt;ul&gt; lists.</p>