title: 4 boxes floating next to each other
body: <p>I'm trying to get 4 boxes that float next to each other. For some strange reason, they just won't work, nor does any styling work on them.</p>
  
  <p><a href="http://jsfiddle.net/u99A6/" rel="nofollow">http://jsfiddle.net/u99A6/</a></p>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;section&gt;
      &lt;article&gt;
          &lt;div class="1-4-container"&gt;
              &lt;p&gt;&lt;strong&gt;Lorem ipsum&lt;/strong&gt;&lt;/p&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="1-4-container"&gt;
              &lt;p&gt;&lt;strong&gt;Lorem ipsum&lt;/strong&gt;&lt;/p&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="1-4-container"&gt;
              &lt;p&gt;&lt;strong&gt;Lorem ipsum&lt;/strong&gt;&lt;/p&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="1-4-container"&gt;
              &lt;p&gt;&lt;strong&gt;Lorem ipsum&lt;/strong&gt;&lt;/p&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;
          &lt;/div&gt;
      &lt;/article&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>And here is my CSS:</p>
  
  <pre><code>section {
      width: 100%;
  }
  section article {
      width: 1000px;
      padding: 20px;
      margin: auto;
  }
  
  .1-4-container,
  .2-4-container,
  .3-4-container,
  .4-4-container {
      float: left;
  }
  .1-4-container {
      width: 25%;
  }
  .2-4-container {
      width: 50%;
  }
  .3-4-container {
      width: 75%;
  }
  .4-4-container {
      width: 100%;
  }
  .1-4-container p strong,
  .2-4-container p strong,
  .3-4-container p strong,
  .4-4-container p strong {
      color: #4c4c4c !important;
      font-family: Arial, sans-serif;
  }
  .1-4-container p,
  .2-4-container p,
  .3-4-container p,
  .4-4-container p {
      color: #939393;
      font-family: Arial, sans-serif;
  }
  </code></pre>
  
  <p>I personally see nothing wrong with this code, but it just doesn't apply the styling on the <code>div</code>s for some reason.</p>