Задать вопрос
@Iamman
Frontman

Как расположить по центру текст с «text-align: left» и фиксированной шириной, не учитывая пустое пространство справа?

Всем привет!
Вот скриншот, поясняющий проблему:
imgur.com/sWjol

Есть ли какой-нибудь универсальный вариант центрировать текст с выравниванием по левому краю, чтобы при центрировании не учитывалась пустота справа от текста? Надеюсь, объяснил понятно.

Update. Всем спасибо за помощь!
Ответ, к сожалению, не дан. Еще раз обрисую ситуацию:
codepen.io/anon/pen/ZYRrbJ - вот как происходит, когда текст с фиксированной шириной смещается на вторую строку
codepen.io/anon/pen/GgGQZK - вот как нужно (текст должен центрироваться без использования padding/margin)

Важное уточнение: текст имеет фиксированную ширину! Т.е. вариант с display: inline-block и разрывом строки не подойдет.
  • Вопрос задан
  • 2345 просмотров
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 5
vanya_beseda
@vanya_beseda
Front End
К сожалению, не понятно.
margin-left не годится?
Ответ написан
Комментировать
standy
@standy
Используйте inline-block, пример:
codepen.io/standys/pen/ByVQmL?editors=110
Ответ написан
Комментировать
@dtestyk
если правильно понял, можно убрать width у блока с текстом: jsfiddle
Ответ написан
Комментировать
@Kable7
Переделал, вот решение jsfiddle.net/24wj396o/2
Ответ написан
Комментировать
AlibekKulseitov
@AlibekKulseitov
Люблю верстать и писать музыку
text-align:left;
display:inline-block;
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы