title: How to align divs properly without setting their position as absolute
body: <p>I'm having trouble in aligning divs in my project. I'm expecting something like this:</p>
  
  <p><img src="https://i.stack.imgur.com/v3vl4.png" alt="enter image description here"></p>
  
  <p>but what i've done so far is like this one:</p>
  
  <p><img src="https://i.stack.imgur.com/c5zCM.png" alt="enter image description here"></p>
  
  <p>All divs have class "inline"</p>
  
  <p>CSS:</p>
  
  <pre><code>div.inline{
      float: left;
  }
  </code></pre>
  
  <p>Thanks in advance.</p>