Обоснуйте текст внутри тега span

Question

У меня есть такая разметка

<div><span>My name is</span><span>ABC</span></div>

Как я могу обосновать этот текст на всю строку?

Answer 1

<div style="text-align: justify"><span>My name is</span><span>ABC</span></div>

Довольно просто, интервалы не нарушат выравнивание текста. Если текст имеет длину только одну строку, его невозможно выровнять по всей строке. Кроме того, последняя строка абзаца также не может быть выверена по всей строке.

Answer 2

Мое решение:

<span style="text-align: justify; display:block;">Your Text</span>

Answer 3

Можно выровнять одну строку текста, но это может показаться уродливым. Это возможно с помощью свойства CSS3 text-justify, которое было добавлено для азиатских и нелатинских языков.

Там есть ссылка для описания свойств: http://www.w3.org/TR/css3-text/#text-justify