Ole: Liste mit nebeneinander stehenden Listenelementen und %-padding

Beitrag lesen

SELF-Forum

Liste mit nebeneinander stehenden Listenelementen und %-padding

Ole
+1 Informationen zu den Bewertungsregeln

Hallo bobbix,

du würdest dir das Leben etwas leichter machen, wenn du statt auf float bei den <li> auf inline-block setzen würdest. Dann ersetzt du noch das float beim <ul> durch "text-align: right" und es sieht aus wie gewünscht ... zumindest bei meinem flüchtigen Test im Chrome.

  
<!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;  
            }  
  
            ul {  
                text-align: right;  
            }  
  
            li {  
                display: inline-block;  
                padding: 0 4%;  
            }  
        </style>  
    </head>  
    <body>  
        <ul>  
            <li>1. Listenpunkt</li>  
            <li>2. Listenpunkt</li>  
        </ul>  
    </body>  
</html>

Gruß
Ole

Beitrag melden
+1
Informationen zu den Bewertungsregeln