Hallo Walther,

danke für die Tipps.

div.item {
 flex: 1 1;
 border: 1px red solid;
}

Wie bekomme ich jetzt die Rahmen direkt an den Text heran, ohne die Länge des Textes zu kennen?

Das erinnert mich an Sigrids „Vertikale Ausrichtung“ von vorgestern:

die horizontalen Linien im Beispiel sollten (im Extremfall) von oben/unten an die Schrift anstoßen. Anders ausgedrückt, wie kann ich die Höhe des rot umrandeten Bereichs verringern, wobei dies nicht durch eine exakte Höhenangabe erfolgen soll sondern in Abhängigkeit des Inhalts in dem Bereich.

Vielleicht findest du dort eine Antwort.

Oder – nicht so spezifisch auf die Frage – aber zum grundlegenden Verständnis:

CSS/Tutorials/Boxmodell/Außen- und Innenabstand

Bis bald!
Jonathan