title: CSS elements listing vertical automatically, column count : 4, rows : N
body: <p>Question :<br>
  <code>element1   elementN+1  element2N+1  element3N+1</code><br>
  <code>element2   elementN+2  element2N+2  element3N+2</code><br>
  <code>.          .           .            .</code><br>
  <code>.          .           .            .</code><br>
  <code>.          .           .            .</code><br>
  <code>elementN   element2N   element3N    element4N</code><br>
  My css code.
  HTML<br>
  <code>&lt;ul&gt;</code><br>
  <code>&lt;li&gt;element1&lt;/li&gt;</code><br>
  <code>&lt;li&gt;element2&lt;/li&gt;</code><br>
  <code>&lt;li&gt;element3&lt;/li&gt;</code><br>
  <code>&lt;li&gt;element.&lt;/li&gt;</code><br>
  <code>&lt;li&gt;element.&lt;/li&gt;</code><br>
  <code>&lt;li&gt;element.&lt;/li&gt;</code><br>
  <code>&lt;li&gt;element4N&lt;/li&gt;</code><br>
  <code>&lt;/ul&gt;</code><br>
  CSS<br>
  <code>ul {float:left;}</code><br>
  <code>ul li {float:left; min-width: 250px;}</code><br>
  Result :<br>
  <code>element1     element2     element3     element4</code><br>
  <code>element5     element6     element7     element8</code><br>
  <code>.            .            .            .</code><br>
  <code>.            .            .            .</code><br>
  <code>.            .            .            .</code><br>
  <code>element4N-3  element4N-2  element4N-1  element4N</code>   </p>
  
  <p>I tried with display grid(ul tag) but it requires row count which I need automatic.<br>
  <code>display: grid;
   grid-auto-flow: column;
   grid-template-rows: repeat(35, 1fr);</code></p>
  
  <p>I'm wondering if it's possible to do this by only using CSS.</p>