Abstand zwischen display: inline-block; Elementen

Details

Wird im Editor der Entwicklungsumgebung nach einem inline-block Element mit einer neue Zeile begonnen. Wird derBrowser hier ein Leerzeichen interpretieren. Je nach Schriftgröße ist dann eine ensprechnd große Lücke zu dem nächsten inline-block Element.

z.B. so:

<div class="inline-block">some Content...</div>
<div class="inline-block">some Content...</div>
<div class="inline-block">some Content...</div>
<div class="inline-block">some Content...</div>

 Ein einfacher Fix wäre es alles in eine Zeile zu schreiben:

<div class="inline-block">some Content...</div><div class="inline-block">some Content...</div><div class="inline-block">some Content...</div><div class="inline-block">some Content...</div>

 Oder einen Kommentar so dazwischenh zu schieben:

<div class="inline-block">some Content...</div><!--
--><div class="inline-block">some Content...</div><!--
--><div class="inline-block">some Content...</div><!--
--><div class="inline-block">some Content...</div><!--
-->

 oder IMO am einfachsten dem Elternelment font-size: 0; zu verpassen.

 Danke an [TG]