title: Want to display 4 images in a row, with a description below each image
body: <p>I'm tring to practice table-less design, and I trying to get the following:</p>
  
  <p><strong>4 images per row</strong>, and under each image is the name of the image.</p>
  
  <p>So my DOM:</p>
  
  <pre><code>&lt;div id="images"&gt;
       &lt;div class="imageblock"&gt;
             &lt;div class="image"&gt;&lt;a href=""&gt;&lt;img src=""/&gt;&lt;/a&gt;&lt;/div&gt;
             &lt;div class="meta"&gt;some filename&lt;/div&gt;
       &lt;/div&gt;
       &lt;div class="imageblock"&gt;
             &lt;div class="image"&gt;&lt;a href=""&gt;&lt;img src=""/&gt;&lt;/a&gt;&lt;/div&gt;
             &lt;div class="meta"&gt;some filename&lt;/div&gt;
       &lt;/div&gt;
        ..
  
  &lt;/div&gt;
  </code></pre>