<div class="box">
<img>
<h1>Lorem ipsum dolor ..</h1>
</div>Code-Sprache: JavaScript (javascript).box {
display: inline-block;
}
h1 {
width: 0;
min-width: 100%;
}Code-Sprache: CSS (css)Die umgebene Box auf display-inline setzen, damit Sie die Größe Ihrer Kindelemente annimmt.
Die Überschrift, bzw. das Textelement auf width: 0 setzen, damit es nicht mehr automatisch die Breite des Eltern-Containers übernimmt.
Das Textelement (h1) auf min-width: 100% setzen, damit es die Größe des Bildes annimmt.