bobbix: Liste mit nebeneinander stehenden Listenelementen und %-padding

Beitrag lesen

SELF-Forum

Liste mit nebeneinander stehenden Listenelementen und %-padding

bobbix
– Informationen zu den Bewertungsregeln

Hallo Marco und Gunnar,

vielen Dank für Eure Hinweise und Links, ich habe sehr viel dazugelernt.

Nachfolgend der überarbeitete Code:

  
<!doctype html>  
<html>  
    <head>  
        <meta charset="utf-8">  
        <title>Listenelemente nebeneinander mit prozentualem Padding</title>  
        <style type="text/css">  
            ul, li {  
                margin:  0;  
                padding: 0;  
  
                list-style-type: none;  
            }  
  
            ul {  
                text-align: right;  
                font-size: 0;  
            }  
            li {  
                display: inline-block;  
                padding: 0 4%;  
                font-size: 0.875rem;  
            }  
        </style>  
    </head>  
    <body>  
        <ul>  
            <li>1. Listenpunkt</li>  
            <li>2. Listenpunkt</li>  
        </ul>  
    </body>  
</html>

Liebe Grüße und einen schönen Abend an Euch Beide.

bobbix

Beitrag melden
–
Informationen zu den Bewertungsregeln