使段落与图像的宽度相同

Question

我想让p标签与图像的宽度相同.

<a class="preview-holder" href="#" target="_blank">
  <div class='preview'>
    <img src="http://s31.postimg.org/9c62tqc63/Carpet_Tree_of_Life.jpg" alt="" />
    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
  </div>
</a>

https://jsfiddle.net/2hum47n0/2/

如果图像宽度大于文本量,我看起来很好,但不是.

我不需要使用p,我可以使用span,或者在必要时稍微更改标记.

可能吗？

请注意,预览不能有固定的宽度!

Answer 1

在预览持有者上放一些css:

.preview-holder {
  display: block;
  max-width: 1px;
}

演示小提琴