title: How do I align all my div's in one line?
body: <p>I've looked at a bunch of websites, but none of them worked for me. I'm probably missing something really simple.</p>
  
  <pre><code>#container {
    width:100%;
  }
  
  #one {
    background-color:blue;
    width:20%;
    height:50%;
  }
  
  #two {
    background-color:green;
    width:20%;
    height:50%;
  }
  
  #three {
    background-color:yellow;
    width:20%;
    height:50%;
  }
  
  #four {
    background-color:orange;
    width:20%;
    height:50%;
  }
  
  #five {
    background-color:red;
    width:20%;
    height:50%;
  }
  </code></pre>
  
  <p>This is what I want it to look like:</p>
  
  <p><a href="https://i.imgur.com/Kl6vN8E.png" rel="nofollow noreferrer"><img src="https://i.imgur.com/Kl6vN8E.png" alt="image"></a></p>
  
  <p>It doesn't display a lot, which I suspect is because of the height:50%...
  Thanks in advance :)</p>