title: Align a Figcaption text which is in Absolute position below an Image which is in a DIV
body: <p>i'm trying to make a gallery and need some help with align multiple text in the center of the images</p>
  
  <p>HTML:</p>
  
  <pre><code>  &lt;div class="gallery"&gt;
      &lt;figure class="gallery-item"&gt;
       &lt;a target="_blank" href="./Event/1.jpg"&gt;
       &lt;img class="thumbnail" src="./Event/1.jpg" width="500" height="281"&gt;&lt;/a&gt;
       &lt;figcaption class="comment"&gt;&lt;B&gt;Text&lt;/b&gt;&lt;/figcaption&gt;
      &lt;/figure&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.comment {
   position: absolute;
   color: #F04D46;
  }
  </code></pre>
  
  <p>EDIT: Fixed the Typo, still same problem tho.</p>