title: How to display pictures side by side in a 2x2 grid
body: <p>I am trying to get these 4 images, with linked text underneath to display as 2x2. Everything I try ends up messing something up and sending one part AWOL. I have tried tables <code>&lt;td&gt;&lt;tr&gt;</code>, etc.</p>
  
  <p>This is what I have so far... </p>
  
  <pre><code>&lt;br /&gt;
  &lt;div class="image" style="display:inline-block"&gt;
  &lt;img src="image.jpg" alt="" /&gt;
  &lt;div style="display:table-caption;caption-side:bottom;"&gt;
  &lt;a href="http://www.example.com"&gt;
     &lt;center&gt;text for link!!!!!&lt;/center&gt;
  &lt;/a&gt;
  &lt;img src="image.jpg" alt="" /&gt;
  &lt;div style="display:table-caption;caption-side:bottom;"&gt;
  &lt;a href="http://www.example.com"&gt;
     &lt;center&gt;text for link!!!!!&lt;/center&gt;
  &lt;/a&gt;
  &lt;img src="image.jpg" alt="" /&gt;
  &lt;div style="display:table-caption;caption-side:bottom;"&gt;
  &lt;a href="http://www.example.com"&gt;
     &lt;center&gt;text for link!!!!!&lt;/center&gt;
  &lt;/a&gt;
  &lt;img src="image.jpg" alt="" /&gt;
  &lt;div style="display:table-caption;caption-side:bottom;"&gt;
  &lt;a href="http://www.example.com"&gt;
     &lt;center&gt;text for link!!!!!&lt;/center&gt;
  &lt;/a&gt;
  </code></pre>