title: Center image above text
body: <p>I want to display several images next to each other and each image has a date below it. The date is wider than the image and I would like to center the image on top of the date. Here's a code snippet</p>
  
  <pre><code>&lt;div style="float:left"&gt;
        &lt;div class="newsfeed_photo"&gt;
        &lt;a href="..."&gt;
        &lt;img alt="Small" class="photo_thumb_frame" src="..." /&gt;
        &lt;/a&gt;&lt;/div&gt;
        &lt;div class="newsfeed_date"&gt;
        (08/17/11 03:29pm)
        &lt;/div&gt;
  &lt;/div&gt;
  &lt;div style="float:left"&gt;
        &lt;div class="newsfeed_photo"&gt;
        &lt;a href="..."&gt;
        &lt;img alt="Small" class="photo_thumb_frame" src="..." /&gt;
        &lt;/a&gt;&lt;/div&gt;
        &lt;div class="newsfeed_date"&gt;
        (08/22/11 02:16pm)
        &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>