title: How to match text width to image without specifying exact widths?
body: <p>I have this HTML:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;article&gt;
    &lt;img src="image.jpg"&gt;
    &lt;p&gt; Text &lt;/p&gt;
  &lt;/article&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The text is placed underneath the image. Now I want the text to be the same width as the image, but I do not want to specify an exact width since the images are of different widths (so are the articles).</p>
  
  <p>How can I make the text width correspond to the image width ie. making it break at the right time without specifying an exact width?</p>