css - CSS组合：应用字母间距和旋转弹出span

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>

如果您只是应用旋转或字母间距，它看起来仍然可以

如果您同时应用旋转和字母间距，则它所应用的跨度似乎被推高了。

结果可以在这个 JSFiddle中看到

我可以使用其他版本的 JSFiddle 中的填充来纠正它

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