title: How to restrict image size to a table cell width given by text length
body: <p>I have a table, with rows of a single column each, whose content (only text) define the width of the table. In one of the rows I wish to use a picture instead of text, but I want it to adapt to the cell width defined by the previous rows, so it won't force the table to resize.</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;&lt;td&gt;Text definining the width of the table&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;img src="some_picture.jpg"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The table is borderless, so I am open to a different solution involving other markups instead of a table (divs, for example), as long as it only uses html and css (no javascript, no fancy frameworks). </p>