html - Order column CSS -

i'm working on website , i've code :

.container {      -webkit-column-count: 4;      -webkit-column-gap: 1em;      }    .container div {    background-color: lightblue;      display: inline-block;      margin: 0 0 1em;      width: 100%;      }

<div class="container">    <div>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?.</div>    <div>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.</div>    <div>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.</div>    <div>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?</div>    <div>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!</div>    <div>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!</div>  </div>

i want display divs :

1 / 2 / 3 / 4   5 / 6 

thanks !

don't use css columns - support across browsers poor.

do floats:

.container div {     width: 25%;     float:left; }