Bullet Liste in 2 Spalten

    Hi :-)

    Habe eine Bullet-Liste (ul) mit 20 Aufzählungen. Sind Sprunganker wegen Übersicht und massig Content.

    Würde gerne die Liste in 2 x 10 aufteilen. Wenn es eine html-Lösung gibt wäre das fein.

    Bedanke mich für eure Antworten

    Thanks

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    20 = 2 x 10 sagt noch nichts darüber aus, wie du die zwei mal zehn verteilen willst und wie die Reihenfolge der Links sein soll.

    Ich vermute, du möchtest gerne zwei Spalten mit jeweils zehn Zeilen / Listeneinträgen?
    Und? In welcher Reihenfolge sollen die kommen?

    => Erste Spalte die ersten zehn Links, dann umbrechen, dann die nächsten zehn Links in der zweiten Spalte => Lösung auch mit HTML (und CSS): verteile die Links auf zwei Listen, die du per CSS-Eigenschaft „float“ nebeneinander stellst

    => Liste wie Fließtext verteilen, also zehn Zeilen mit jeweils zwei Listeneinträgen / Links => da brauchst du am HTML nichts zu ändern, nur per CSS die Listenelemente floaten lassen (und dann jeweils den ungeradzahligen Listeneinträge ein clear geben) oder die Listenelemente auf display: inline; oder display: inline-block; stellen und die Breite der Listenelemente und/oder der umschließenden Box so definieren, dass immer nach zwei Listenelementen umgebrochen wird.

    Gruß
    helix

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden