title: divs are not nesting
body: <p>Trying to get these divs to nest next to one another.</p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="info"&gt;
          &lt;h3&gt;What?&lt;/h3&gt;
          &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue hendrerit sem, et malesuada nibh. Curabitur non ultrices sapien. Curabitur sed adipiscing elit. Nulla diam lorem, luctus nec mauris non, malesuada dignissim velit. Suspendisse lacinia blandit arcu ac pharetra. Praesent vitae sodales turpis. Nam nibh quam, tempor vitae accumsan vitae.&lt;/p&gt;
          &lt;h3&gt;Where?&lt;/h3&gt;
          &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue hendrerit sem, et malesuada nibh. Curabitur non ultrices sapien. Curabitur sed adipiscing elit. Nulla diam lorem, luctus nec mauris non, malesuada dignissim velit. Suspendisse lacinia blandit arcu ac pharetra. Praesent vitae sodales turpis. Nam nibh quam, tempor vitae accumsan vitae.&lt;/p&gt;
          &lt;h3&gt;Why?&lt;/h3&gt;
          &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue hendrerit sem, et malesuada nibh. Curabitur non ultrices sapien. Curabitur sed adipiscing elit. Nulla diam lorem, luctus nec mauris non, malesuada dignissim velit. Suspendisse lacinia blandit arcu ac pharetra. Praesent vitae sodales turpis. Nam nibh quam, tempor vitae accumsan vitae.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="schedule"&gt;
          SCHEDULE OF EVENTS
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS: </p>
  
  <pre><code>.container {
     width: 85%;
     margin: 0 auto;
  }
  .info {
     width: 70%;
  }
  .schedule {
     width: 30%;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/XMd4t/" rel="nofollow">JSFIDDLE</a></p>