Auf Thema antworten

Beitrag

[QUOTE="Sempervivum, post: 13557, member: 3917"]
Mehr als 2 bekomme ich aber nicht nebeneinander, denn weil die Schrift ziemlich groß ist, nimmt eine Gruppe schon 600px horizontal ein.
Lege einen Wrapper um die Listen:
[CODE]    <div id="wrapper-list">
        <ul>
            <li>sdfsdf</li>
            <li>gegge</li>
            <li>hrhrh4</li>
        </ul>
        <ul>
            <li>3rggg</li>
            <li>rterttrt</li>
            <li>fdgdfgdg</li>
        </ul>
        <ul>
            <li>fgdfgdg</li>
            <li>htytjyj</li>
            <li>utyutu</li>
        </ul>
        <ul>
            <li>fdsdfsdf</li>
            <li>sdvsdvsdv</li>
            <li>qwd32r2r</li>
        </ul>
    </div>
[/CODE]
Und dann dieses CSS:
[CODE]        ul {
            list-style-image: url("icons8-check-25.png");
            display: flex;
            justify-content: space-between;
        }

ul li {
            list-style-position: inside;
        }

#wrapper-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
        }
[/CODE]
[/QUOTE]

Authentifizierung