Html 对齐位于DIV中图像下方绝对位置的Figcaption文本

我正在尝试制作一个图库，需要一些帮助来对齐图像中心的多个文本

HTML:

---

编辑：修复了打字错误，仍然是相同的问题。

看起来像是打字错误问题。你在这里弄乱了字母：

Verified:就是那个打字错误。
  <div class="gallery">
    <figure class="gallery-item">
     <a target="_blank" href="./Event/1.jpg">
     <img class="thumbnail" src="./Event/1.jpg" width="500" height="281"></a>
     <figcaption class="comment"><B>Text</b></figcaption>
    </figure>
  </div>

.comment {
 position: absolute;
 color: #F04D46;
}