0

I have a div, and in it have spans, and their content are comprised of single letters

<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>

If you just apply rotation or letter spacing, it still looks ok

if you apply both rotation and letter spacing, the span it's applied to appears to be pushed up.

The result can be seen in this JSFiddle

I can correct it with padding as seen in this other version of the JSFiddle

But is there anyway to apply the CSS combination without the span to appear to be pushed up?

Robert Achmann
  • 1,986
  • 3
  • 40
  • 66

0 Answers0