css - 内部テキストによる div のサイズ変更を防ぐ

Question

これが私のコードです：

<div>
  <table>
    <tr><td>
      <img ...>
    </td></tr>
    <tr><td>
      <p style="text-overflow: ellipsis;white-space: nowrap;">HERE MAY BE SONE VERY LONG TEST!!!</p>
    </td></tr>
  </table>
</div>

div の幅を画像と同じ幅にしたいのですが、画像の幅がわからないため、p の幅を指定して境界内に保つことはできません。

もしあれば、html(+css)のみの解決策を探しています。jsでこれを達成する方法は知っていますが、画像のサイズが時間の経過とともに変化するため、面倒です。

純粋なhtml/cssでこれを行う方法はありますか?