I’d suggest you stop making SPAN and classes for NOTHING, and learn how to use condensed properties. Seriously your first span isn’t serving any purpose, and if you don’t need the first one the second one doesn’t need a class.
<div class=”logo”>Bá<span>Anh</span></div>
Then all you have to do is:
.logo {
text-align:center;
font:bold 250%/120% tahoma,helvetica,sans-serif;
color:#000;
}.logo span {
margin-left:0.2em;
padding:0 0.2em;
background:#F80;
color:#FFF;
border-radius:0.1em;
}
Also what’s the point of using EM inside it if you’re just going to piss on what EM does by declaring a PX font size?
… and don’t forget your fallback families, and to NEVER trust the inherited line-height.