Wo kommt dieser margin her?

html.de-Forum HTML, XHTML & CSS
1

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

2

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

3

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

4

Ihr seid super - vielen Dank!