padding im CSS für jeden Browser extra definieren

[Gunnar Bittersmann]

@@Druecke_die_AnyTaste:

nuqneH

width: 832px;

Die Viewports sind bei sehr vielen Nutzern schmaler als 832px; Tendenz weiter steigend. In Pixel festgemeißelte Breitenangaben sind aus dem letzten Jahrzehnt. Nicht verwenden! Sondern responsive design.

padding-left: 11px;
-webkit-padding-left: 11px;
-moz-padding-left: 16px;
-o-padding-left: 11px;
-ms-padding-left: 16px;

Vendor-Präfixe gibt (gab) es nur bei experimentellen Eigenschaften. -*-padding gibt es nicht.

Außerdem: Informiere dich über „magic numbers“ und warum man sie vermeiden sollte.

Ansonsten: Was MudGuard sagte. Allerdings könnte sich der Whitespace im Quelltext zwischen den li störend auswirken. Die in meinem Artikel aufgezeigete Verstümmelung ist auch nicht das Gelbe vom Ei.

Wie geht’s also? Flexbox.

Qapla'