JSFiddle - React, Tailwind, and code Playground

HTML

<div id="over">
  <figure>
    <img src="http://th07.deviantart.net/fs71/200H/f/2013/236/d/b/bw_avlonas_a5_beach_isles_wallpaper_image_by_lemnosexplorer-d6jh3i7.jpg" />
    <figcaption>My Centered Text</figcaption>
  </figure>
</div>

CSS

#over {text-align: center;}