Font Margins

by ScottRippey

HTML

<div class="container">
    
<div class="box" style="line-height: .66;">
    &Eacute;poeM
    <br />
    Meop&Eacute;
</div>
<div class="box" style="line-height: 1;">
    &Eacute;poeM
</div>
<div class="box" style="line-height: 1.33;">
    &Eacute;poeM
</div>
<div class="box" style="line-height: 1.66;">
    &Eacute;poeM
</div>
<div class="box" style="line-height: 2;">
    &Eacute;poeM
</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: 200px;
}
.box {
    padding: 0; margin: 0;
    float: left;
    margin-right: 10px;
    
    padding: 10px 0;
    margin: -10px 0;
}