title: Align figcaption to bottom of image in figure
body: <pre><code>&lt;figure&gt;
       &lt;img src="http://lorempixel.com/x/x" alt="figure"&gt;
       &lt;figcaption&gt;Nam elementum non massa at mattis.&lt;/figcaption&gt;
  &lt;/figure&gt;
  </code></pre>
  
  <p>I'm creating a CSS file and want to place the figcaption with 100% width and a semi-transparent background-color on top of the image, but I want the bottom of the figcaption box and the bottom of the image to always be the same regardless of what image is used.</p>