@@beatovich
Mit Verlaub, das ist doch Inhalt für eine dl Liste.
Ja, auch gut.
Und ganz einfach zu stylen:
dl
{
display: grid;
grid-template-columns: auto 1fr;
}
– fertig!
Na fast. Kommen noch die Rahmen dazu. Das Ganze in einen @supports (display: grid)
-Block gepackt, damit beim Fallback (z.B. im IE) keine Rahmen erscheinen.
Zusätze:
- Mit
dt { grid-column: 1 }
unddd { grid-column: 2 }
erhält man die (Zu)ordnung, auch wenn nicht auf jedesdt
genau eindd
folgt und umgekehrt. - Mit
dl > div { display: contents }
geht das mit dem Grid auch, wenn zusammengehörigedt
/dd
indiv
s gruppiert sind. (display: contents
ist in Chrome und Safari noch fehlerhaft implementiert, sodass das u.U. negative Auswirkungen auf die Barrierefreiheit hat.)
LLAP 🖖
--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann