padding links neben ul ist nicht wegzukriegen?

[Willibergi]

Moin,
ich habe unten auf meiner Website eine Liste von <li>s in einem <ul>.
Links neben dem <ul>-Tag ist aber ein padding (s. Bild), den ich mit CSS nicht wegkriege.

Wie man sieht - das grüne ist ein padding.
Quellcode:

ul#tabbez li{
                width: 50px;
                height: 50px;
                list-style-type: none;
                background: #222;
                color: #fff;
                text-align: center;
                display: table-cell;
                vertical-align: middle;
                margin: 0px;
                padding-left: 0px;
                border-right: 1px solid #363636;
}

Hier ein fiddle: https://jsfiddle.net/rfk6cn0r/
Wie bekomme ich diesen padding jetzt weg - mit padding:0px; ist das nicht möglich...
LG Willibergi

 

[MrMurphy]

Hallo

das müsste das padding vom ul-Element sein. Setz das mal auf 0.

Also

ul#tabbez {
   padding-left: 0;
}

oder

ul#tabbez {
   padding: 0;
}

Gruss

MrMurphy

 

[Willibergi]

Ups stimmt.
Danke!