title: How to align caption underneath image
body: <p>I have 9 images in total and three on each row, I have managed to add a caption for one of my images, but failed to do so for the other ones as it just centers everything underneath and not aligned text to rows per image.</p>
  
  <pre><code>&lt;figure&gt;
  &lt;center&gt;
  &lt;img src='images/album1.jpg' alt='missing' /&gt;
  &lt;figcaption&gt;Album name goes here
  &lt;br&gt;Year goes here
  &lt;br&gt;artist name goes here&lt;/figcaption&gt;
  
  &lt;img src='images/album2.jpg' alt='missing' /&gt;
  &lt;figcaption&gt;Album name goes here
  &lt;br&gt;Year goes here
  &lt;br&gt;artist name goes here&lt;/figcaption&gt;
  
  &lt;img src='images/album2.jpg' alt='missing' /&gt;
  &lt;figcaption&gt;Album name goes here
  &lt;br&gt;Year goes here
  &lt;br&gt;artist name goes here&lt;/figcaption&gt;
  &lt;/figure&gt;&lt;center&gt;
  </code></pre>
  
  <p>And so on. </p>