Как сделать так, чтобы текст заполнял нужное пространство?

Question

[Norum]

как сделать так, чтобы текст был вровень с блоком над ним? Пытался выровнять по ширине, но не получил нужного результата.

Сам код https://jsfiddle.net/Norum87/m0L4yuq3/

как надо


как у меня

Answer 1

[Александр]

Например так:

Код по «созданию» такого эффекта у меня уже был, адаптировал под Ваш вариант. Если планируете через JS менять строки текста, то используйте аргумент useObserver - будет пересчитывать увеличение автоматически.

Comments

[Norum]

неужели нету более простого решения? Без применения такого гигантского способа?
на JS

[Александр]

Norum, Вы можете максимально упростить скрипт, если это необходимо. Но других способов по созданию такого фокуса я не знаю.

[Ankhena]

Norum, вы можете просто увеличить шрифт. Но такое решение не будет гибким и при изменении текста всё уедет.

[Вадим]

Norum, Судя по скринам, что Вы приложили в вопросе, у вас не тот шрифт, не тот размер, вот оно и не сходится.