これが私のコードです:
<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でこれを行う方法はありますか?