title: 2 side by side divs centered?
body: <p>Well i have 2 divs that i want to be side by side and aligned in the center of the page? </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="box"&gt;&lt;/div&gt;
  &lt;div id="box"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#box
  {
  width: 450px;
  color: #ffffff;
  height: 500px;
  text-align: center;
  padding-top: 15px;
  -webkit-box-shadow: 0px 0px 8px 0px #000000;
  -moz-box-shadow: 0px 0px 8px 0px #000000;
  box-shadow: 0px 0px 8px 0px #000000;
  background-color:#666;
  border-radius:15px;
  float:left;
  margin-right:15px;}
  </code></pre>
  
  <p>This is what it looks like right now: </p>
  
  <p><img src="https://i.stack.imgur.com/EGsAZ.png" alt="enter image description here"></p>
  
  <p>(I cant post photo's because i dont have 10 rep sorry!) but i want them to be under and aligned to the nav bar. Thank you.</p>