Order column CSS
<p>I'm working on a website and I've this code : </p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.container {
    -webkit-column-count: 4;
    -webkit-column-gap: 1em;
  
}

.container div {
  background-color: lightblue;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
  
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="container"&gt;
  &lt;div&gt;1 .Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere natus amet, architecto maxime cum adipisci, deleniti quasi non sed, totam accusamus placeat quibusdam ipsam?.&lt;/div&gt;
  &lt;div&gt;2. Sit ducimus delectus labore veritatis dicta earum fugit cum repellat est perspiciatis impedit, architecto ut officiis placeat quidem aspernatur dolores assumenda nostrum dolorem quo rerum hic? Repudiandae facilis, cum dignissimos.&lt;/div&gt;
  &lt;div&gt;3. Libero enim saepe magnam eaque ratione odio deleniti, nostrum ullam eum ea eveniet hic voluptatum tempora voluptatibus voluptates asperiores, aut laudantium rem quod minus cum accusantium placeat blanditiis esse. Praesentium.&lt;/div&gt;
  &lt;div&gt;4. Id ipsum ullam placeat laboriosam nam repellat obcaecati, adipisci necessitatibus illo accusamus error voluptatibus sit, animi fugiat sequi magni? Eum sint porro, cum, ratione quo maxime harum quibusdam totam itaque?&lt;/div&gt;
  &lt;div&gt;5. Eveniet illum alias totam, quisquam magnam inventore ad quidem nemo sunt pariatur saepe, minima qui nam sapiente in blanditiis reiciendis? Omnis reiciendis corporis asperiores minima assumenda, quae accusamus culpa numquam!&lt;/div&gt;
  &lt;div&gt;6. ipsum quaerat aliquam dolor fuga, rem. Quis culpa, excepturi magni ducimus voluptatem dolores quod placeat ut eum odio sit fugit vitae, cum voluptatum vel ipsum mollitia sed, laborum praesentium!&lt;/div&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>I want to display divs like : </p>

<pre><code>1 / 2 / 3 / 4 

5 / 6
</code></pre>

<p>Thanks for your help !</p>