CSS HTML/CSS/Div: Größe der Überschrift als Begrenzung für alles

[n/a]

Moin,

bin gerade verwirrt, wie kann man die Größe (also Width) der Überschrift als Begrenzung für den nachfolgenden Text setzen? Also wie kann das parent div nicht größer werden als ein child div?

"max-content" für das Überschrift-Div ... und dann?

Und bitte Nachsicht ... mit Frontend-Krams habe ich kaum zu tun 😬

 

[BeBur]

Einfach mal die KI fragen bei sowas.

 

[n/a]

Edit: Sorry

Ergänzung (26. Juli 2025)

Stimmt aber leider nicht

Ergänzung (26. Juli 2025)

tl;dr: Das geht nicht, und ich bleibe jetzt einfach bei <div style="width: max-content;"> für den Parent

 

[User38]

Hier evtl. ein Lösungsansatz:

<div class="parent">
  <div class="child">Kurzer Text</div>
  <div class="child">Sehr sehr langer Text im Child</div>
</div>

.parent {
  display: inline-block; /* passt sich der größten Child-Breite an */
  border: 1px solid black;
}

.child {
  border: 1px solid red;
  padding: 5px;
}

Alternative:

.parent {
  width: fit-content;   /* passt sich automatisch an */
  border: 1px solid black;
}

Wobei ich die Alternative schöner finde