Html 左对齐标题，用于居中对齐的响应图像

我无法使用Bootstrap 3

我有一个中心对齐的响应图像，如下所示：

<img class="img-responsive center-block" src="">

我想添加标题，它将在图片下方左对齐

---

有什么想法吗？

这个比我想象的要复杂得多。。因此，首先要做的是将图像包装成一个跨度，这将控制标题宽度的大小。从这里开始，它变得复杂了，因为让包裹保持图像的宽度很容易，但你失去了保持其居中和响应的能力

---

您是否可以将您尝试使用的代码作为共享或编辑您的问题？

      <span class="text-center center-block" style="max-width:100%">
    <span data-caption="Some sample text. Some sample text." class="img-wrapper text-left">
      <img class="img-responsive" src="http://placehold.it/350x150">
    </span>
  </span>