Frage Wo kommt dieser margin her?

[Willibergi]

Ich habe ein Tabmenü mit JQuery erstellt und zwischen den Tabbeschreibungen ist ein margin, der durch CSS nicht wegzubringen ist.
https://jsfiddle.net/u77s4nuo
Danke schon mal im Voraus.
LG Willibergi

 

[MrMurphy]

Hallo

Der rechte Abstand kommt von display:inline-block. Damit verhalten sich die li-Elemente teilweise wie Inline-Elemente und dazu gehört der rechte Abstand.

Abhilfe: Flexbox oder float/clear oder display:table (in der Reihenfolge von gut nach geht so).

Schlechte Abhilfe: Ein negativer margin, da der rechte Abstand keineswegs so fest ist wie häufig behauptet (4px).

Gruss

MrMurphy

 

[SpiceLab]

Abhilfe: Flexbox oder float/clear oder display:table (in der Reihenfolge von gut nach geht so).

Die goldene Mitte: https://jsfiddle.net/spicelab/u77s4nuo/2/

 

[Willibergi]

Ihr seid super - vielen Dank!