title: CSS Column Count Load Rows First
body: <p>Hi I'm kind of new to css and I can't figure out how to load the images horizontally with the following code rather than vertically</p>
  
  <pre><code>-moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  list-style-type: none;
  -webkit-padding-start: 0px;
  </code></pre>
  
  <p>What I get looks like this</p>
  
  <p><img src="https://i.stack.imgur.com/1zSIv.jpg" alt="enter image description here"></p>
  
  <p>However I'd like it so that the last picture is shown in the second column and then the second to last picture is just kept where it is. In other words I'd like the rows to fill out before the columns do. How can I do this?</p>