CSS组合：应用字母间距和旋转弹出跨度

Question

我有一个div，其中有跨度，其内容由单个字母组成

<div class="container">
    <div class="content">
        Set 4
        <div id="letterbox" class="letters"> 
            <span class="spanset4" id="item13">M</span>
            <span class="spanset4" id="item14">N</span>
            <span class="spanset4" id="item15">O</span>
            <span class="spanset4" id="item16">P</span>
        </div>
    </div>
</div>

如果只是应用或字母间距，那么它看起来还不错

如果您同时应用 字母间距，则应用的范围似乎会被推高。

结果可见in this JSFiddle

我可以使用填充来纠正它，如in this other version of the JSFiddle

所示

但是，无论如何应用没有跨度的CSS组合似乎被推高了吗？