css: Rechteck mit Text daneben

[Rolf B]

Hallo Jörg,

Für den Text ein eigenes Block-Element zu machen, finde ich auch seltsam

Aber richtig. Das Rechteck gehört dann ggf. mit hinein.

Was man genau zu verwenden hat und wie zu strukturieren ist, kommt auf den Kontext an. Wichtig ist, dass die HTML Struktur der inhaltlichen Bedeutung entspricht.

Denkbar ist:

• Einfach ein <p> um jeden Erklärblock
• die Erklärungen sind eine Liste und die Rechtecke sind ::before-Pseudoelemente der <li> Elemente, sofern sie rein dekorativen Charakter haben
• die Rechtecke sind mehr als nur Rechtecke, sie enthalten bspw. noch ein Bild oder weiteren Text, dann könnte man eine Description List bauen (mit <div> Elementen um <dt>/<dd>, damit dt und dd per flexbox nebeneinander können, oder mit einem Grid drumherum um das Ganze in 2 Spalten anzuordnen)

So many possibilities, so little information 😏

Rolf