Html/ css geordnete Liste in zweiSpalten?

Überblickstechnisch ist mir meine Liste zu lang, daher hätte ich sie gern in 2 Spalten. Geht das? Vielleicht li in td einer Tabelle? Oder irgendwie mit css? Am besten wäre eine Lösung wo z.B. links ungerade, rechts die geraden Nummer stehen.

Answer 1

[Limearts]

Ich spar mir mal die jahrzehnte alte Belehrung für Tabellen als Layout-Werkzeug.

Prinzipiell ja. Eine Tabelle mit zwei Zellen oder zwei nebeneinander positionierte Container mit je einer Liste funktioniert in der Darstellung. Im Code und aus Sicht der Suchmaschinen hat man hier allerdings zwei Listen und nicht eine gemeinsame. Ein kleiner Unterschied aber im Detail nicht unbedeutend.

Alternativ dazu könnte man der Liste eine Klasse/ID zuweisen und über diese die Listenpunkte so formatieren, dass sie nur 50% der Breite einehmen und mittels Ausrichtung durch die Eigenschaften float oder flex nachfolgende Listenpunkte in den freien Raum schieben.

Answer 2

[regex9]

Du kannst für die Aufzählungsliste ein zweispaltiges Gridlayout verwenden.

HTML:

<ol>
  <li>Eintrag</li>
  <li>Eintrag</li>
  <li>Eintrag</li>
  <li>Eintrag</li>
  <li>Eintrag</li>
</ol>

CSS:

ol {
  display: grid;
  grid-template-columns: 1fr 1fr;
}