title: CSS Inline-block unable to create desired effect
body: <p>I am trying to create a grid of boxes that fills the browser width and wraps nicely using the <code>display: inline-block</code> pair/value. I'm a newbie, but in any case I am not getting the desired effect. Below is my code, please help:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.ifieds{
      display: inline-block;
      width: 660px;
  }
  
  .classbox1{
      width:361px;
      height:282px;
      border-radius: 5px;
      background-image: url(https://optometryadmissions.files.wordpress.com/2013/10/istock_000019402859xsmall.jpg);
      background-color:#CEB5A1;
      margin-bottom: 15px;
  }
  
  .classbox1 &gt; p{
      margin: auto;
  }
  
  .classbox2{
      width:660px;
      height:283px;
      border-radius: 5px;
      background-image: url();
      background-color:#CEB5A1;
      margin-bottom: 15px;
  }
  
  .classbox3{
      width:359px;
      height:279px;
      border-radius: 5px;
      background-image: url();
      background-color:#CEB5A1;
      margin-bottom: 15px;
  }
  
  .classbox4{
      width:459px;
      height:282px;
      border-radius: 5px;
      background-image: url();
      background-color:#CEB5A1;
      margin-bottom: 15px;
  }
  
  .classbox5{
      width:361px;
      height:282px;
      border-radius: 5px;
      background-image: url();
      background-color:#CEB5A1;
      margin-bottom: 15px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!--html codes--&gt;
  &lt;div class="ifieds"&gt;
      &lt;div class="classbox1"&gt;Jobs&lt;/div&gt;
      &lt;div class="classbox2"&gt;Cars and Vehicle&lt;/div&gt;
      &lt;div class="classbox3"&gt;Apartment Rental&lt;/div&gt;
      &lt;div class="classbox4"&gt;Houses for Sale&lt;/div&gt;
      &lt;div class="classbox5"&gt;Pro Services&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>