title: Make paragraph the same width as the image
body: <p>I am trying to make p tag the same width as the image. </p>
  
  <pre><code>&lt;a class="preview-holder" href="#" target="_blank"&gt;
    &lt;div class='preview'&gt;
      &lt;img src="http://s31.postimg.org/9c62tqc63/Carpet_Tree_of_Life.jpg" alt="" /&gt;
      &lt;p&gt;Class aptent taciti sociosqu ad litora torquent per conubia nostra&lt;/p&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/2hum47n0/2/" rel="nofollow">https://jsfiddle.net/2hum47n0/2/</a></p>
  
  <p>I looks well if the image is wider than the amount of text but not otherwise.</p>
  
  <p>I dont need to use p, I can use span, or change markup a little if necessary.</p>
  
  <p>Is it possible?</p>
  
  <p>Note that preview cannot have fixed width!</p>