Форсировать одиночную строку текста в элементе для заполнения ширины с помощью CSS

У меня есть элемент div, который содержит одну строку текста. Как я могу получить этот текст, чтобы заполнить ширину 100%?

text-align:justify работает только с элементами с несколькими строками текста и не влияет на div на одну строку. Ручная настройка расстояния между буквами и интервалов слов является уродливой и неэффективной.

Есть ли другие альтернативы?

ОТВЕТЫ

Ответ 1

Попробуйте следующее:

div {
  text-align: justify;
}

div:after {
  content: "";
  display: inline-block;
  width: 100%;
}

jsFiddle

Посмотрите здесь для получения дополнительной информации.