Gunnar Bittersmann: horizontaler Außenabstand von inline-block Elementen

Beitrag lesen

@@mark

Die sinnvolle Lösung verwenden: Flexbox! Nur um Klugzuscheißen: Das ist nicht die Lösung des Problems des TO, der display: inline-block verwendet.

Das Problem ist, Boxen nebeneinander ohne Zwischenraum darzustellen. Genau das lässt sich mit Flexbox lösen.

Da kannst du ihm auch gleich raten, die elemente zu floaten.

Nein, das Problem ist nicht, ein Element um ein anderes herumfließen zu lassen.

Außerdem wird rem von alten Browsern nicht unterstützt. Der Browsersupport von rem ist besser (relativ und absolut), als der von flexbox. So what?

Progressive enhancement. Wenn in alten Browsern doch ein Zwischenraum ist, so what?

Mit Flexbox macht man in alten Bowsern nichts kaputt. Mit font-size: 0 schon; deshalb mein Hinweis auf 0rem.

Es funktioniert sehr wohl. In deinem Beispiel sind's halt -6px anstatt -4px. Magic Numbers sollte man eben im Griff haben :)

Das Entscheidende in diesem Absatz war der Smiley. Ich lachte. Ansonsten hätte ich laut „Bullshit“ gerufen.

LLAP 🖖

--
„Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
„Hat auf dem Forum herumgelungert …“
(Wachen in Asterix 36: Der Papyrus des Cäsar)