Elementbreite im Browser

[TS]

Hello,

noch eine letzte ganz prophane Frage für heute, die mir aber keine Ruhe lässt:

In der Organistionshierarchie der Webseite habe ich bisher immer

1. body
2. header, main, footer
3. section
4. article [section [article [...]]]
5. div, ...
6. p

oder zumindest so ähnlich benutzt.
Nun begibt es sich desöfteren, dass die erstellten Seiten auch mal optisch ange[f|p]asst werden sollen. Es gibt da also einige, bei denen sich die Sections besonders gut anbieten würden ( != 'besonders gut dafür geeignet sind'), um die Gestaltung zu unterstützen und die Bereiche optisch voneinander zu trennen.

Leider bekomme ich es nicht hin, die Breite der Bereiche mit CSS dynamisch zu steuern. Die Bereiche sollen nur so breit hinterlegt, mit Rahmen versehen, usw. werden, wie ihr Inhalt das erfordert. Der ist aber meistens schmaler.

Und schön wäre es, wenn sich dann alle Bereiche der Seite nach dem breitesten richten würden, denn sonst sieht es wieder unruhig aus. Und wenn man das weiterdenkt, dann müsste sich der breiteste vorher nach dem Ausgabemedium richten, aber das möchte ich erst einmal zurückstellen.

Wie macht man es richtig™️?
Kann man dioe Sections überhaupt hierfür verwenden?

Liebe Grüße
Tom S.