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. Da kannst du ihm auch gleich raten, die elemente zu floaten.
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?
Tut es nicht, siehe Beispiel. Du meinst: Davon ist eher abzuraten, weil es nicht funktioniert.
Es funktioniert sehr wohl. In deinem Beispiel sind's halt -6px anstatt -4px. Magic Numbers sollte man eben im Griff haben :)
lg
mark