1

Всем привет! Столкнулся с задачей: выровнять текст, чтобы отступы слева были одинаковые, при разных размерах текста. Естественно, это можно сделать с помощью отступов, попиксельно подобрать отступ, но хотелось бы узнать возможно ли сделать как-то лучше и красивее. Ниже пример, где явно видно, что у "ППП" отступ больше, чем у "ННН".

@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>

1
  • или как вариант не задавать свойство font-family. 14 фев 2018 в 17:19

2 ответа 2

2

Такое решение когда-то видел на css-tricks

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400');
article {
  padding: 1em;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
.f1 {
  font-size: 3em;
}
.f2 {
  font-size: 5em;
}
<article>
  <div class="f1">text-indent: 2em</div>
  <div class="f2">text-indent: 5em</div>
</article>

1

Нельзя.

Можно разве что через text-indent , но также придется задавать как padding, разницы нет. Разве что по семантике будет правильнее.

1
  • Спасибо, если через часок не будет других ответов - помечу как верный 14 фев 2018 в 15:54

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.