I'm using line-height
to center a text vertically. But the text seems to me to have a small margin. See the image below, I selected the font to see better the spacing that is making the difference when it comes to centering.
Can you fix this?
#userNome{width:98%;margin:auto;margin-top:50px;margin-bottom:20px;line-height:2;text-align:center;background-color:#FFF;border-radius:5px;font-family:"Luckiest Guy";
color: #AF3846;
font-size: 26px;
&.show{
display: block;
}
}
<div id="userNome">Olá, Diego Souza</div>