title: How to place contents inside two div's floated side-by-side the correct way?
body: <p>I'd like my contents be placed as shown here:</p>
  
  <p><img src="https://i.stack.imgur.com/dVLer.png" alt="image"></p>
  
  <p>Inside two <code>div</code>'s floated side-by-side in HTML &amp; CSS. I could use some CSS in an unintuitive way to get that but it's practice I don't want to follow. </p>
  
  <p>I would like to know the right way to code this. It it will remove a major hurdle in learning HTML &amp; CSS.</p>