Всем привет! Столкнулся с задачей: выровнять текст, чтобы отступы слева были одинаковые, при разных размерах текста. Естественно, это можно сделать с помощью отступов, попиксельно подобрать отступ, но хотелось бы узнать возможно ли сделать как-то лучше и красивее. Ниже пример, где явно видно, что у "ППП" отступ больше, чем у "ННН".
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400');
div {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.first {
font-size: 3em;
}
.second {
font-size: 5em;
}
<div>
<div class="first">ННН</div>
<div class="second">ППП</div>
</div>