In einer <ol>-Liste eine sichtliche Abtrennung vornehmen

[Matthias Apsel]

Hallo Lars,

Ich frage mal doof dazwischen: Was wäre denn gegen diese Lösung einzuwenden? → https://codepen.io/anon/pen/ejKxdo Das Wäre in meinen Augen die einfachste.

<ol>
  <li>Bonn</li>
  <li>Köln</li>
  <li>Münster</li>
  <li class="trenn"><hr class="linie"></li>
  <li value="4">Hanau</li>
  <li>Gießen</li>
  <li>Kassel</li>
</ol>

Was machst du, wenn sich die Trennstelle ändert?

Semantisch sind alle Listenelemente Städte, eine Stadt <hr class="linie"> gibt es nicht. hr steht für einen thematischen Bruch. Wenn es den gibt, sind getrennte Listen das Mittel der Wahl.

Gestaltung gehört ins CSS.

Bis demnächst
Matthias