Listenlayout

Aufgabe

Ein fest vorgegebender Quelltext mit einer ul-Liste soll ohne Änderungen und nur durch CSS in einer vorgegebenen Tabellendarstellung angezeigt werden.

Vorgaben

Tabellenquelltext

So soll die Liste später aussehen:

A B C
D
E

Listen-Quelltext

Dies ist der zunächst genannte Listenquelltext, dessen Inhalt aber nicht mit dem der Tabelle übereinstimmt:

Grafik

Später wurde diese Grafik für das gewünschte Endergebnis nachgeschoben:

Layout Vorlage

Lösungen

Lösung 01

Lösung 02

Zur deutlicheren Kenntlichmachung ist fetter Text (bold) zusätzlich in goldener Schrift. Die Farbe kann natürlich für die Praxis einfach wieder gelöscht werden.