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.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store