title: Make div stack like hastag in css
body: <p>I have the following code</p>
  <pre><code>&lt;div class=&quot;container&quot;&gt;
    &lt;div class=&quot;wrapper&quot;&gt;
      &lt;div class=&quot;tag&quot;&gt;123&lt;/div&gt;
      &lt;div class=&quot;tag&quot;&gt;asdasd&lt;/div&gt;
      &lt;div class=&quot;tag&quot;&gt;vxcv&lt;/div&gt;
      &lt;div class=&quot;tag&quot;&gt;wer&lt;/div&gt;
      &lt;div class=&quot;tag&quot;&gt;sdgdfg&lt;/div&gt;
      &lt;div class=&quot;tag&quot;&gt;sdfweqr&lt;/div&gt;  
      &lt;div class=&quot;tag&quot;&gt;asdasd&lt;/div&gt;
      &lt;div class=&quot;tag&quot;&gt;zxczxc&lt;/div&gt;
    &lt;div&gt;
  &lt;div&gt;
  </code></pre>
  <pre><code>.container{
     font-size: 14px;
      font-family: 'Inter', sans-serif;
      height: 100%;
      min-height: 100%;
      width: 100px;
      background-color: #1c2228;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  
  .wrapper{
      width: 100%;
      height: auto;
      display: inline-block;
  }
  
  .tag{
    border-radius: 2px;
      background-color: #eef3f7;
      width: fit-content;
      padding: 2px;
      margin: 2px;
  }
  </code></pre>
  <p><a href="https://codepen.io/popoleemaster/pen/GRqXgxX" rel="nofollow noreferrer">https://codepen.io/popoleemaster/pen/GRqXgxX</a></p>
  <p>I would like to make it look like this (EDIT : this picture is 3 column, but they should be dynamic) :</p>
  <p><a href="https://i.stack.imgur.com/OUIAU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OUIAU.png" alt="enter image description here" /></a></p>
  <p>with all the div stacking and taking the available space or jump line. But I can7t quite manage to find the correct css</p>