Font Margins Revisited

by ScottRippey

HTML

<div class="container">
    
<div class="box" style="line-height: 1;">
    <span style="font-family: arial; font-weight: bold;">
        &Eacute;poeM
    </span>
    <span style="font-family: arial">
        &Eacute;poeM
    </span>
    <span style="font-family: times">
        &Eacute;poeM
    </span>
</div>

    
    <div style="clear: both"></div>
</div>

CSS

body {
    font-size: 60px;
    font-family: times;
}
.container {
    border: 1px solid red;
    padding: 0 10px;
    background: url(http://www.bashthehaggis.com/Resources/PixelGrid.png);
    --width: 400px;
}
.box {
    padding: 0; margin: 0;
    float: left;
    margin-right: 10px;
}