justify
не работает для одной строки, поэтому как решение можно использовать такую вёрстку
<table width="100%" border="0">
<tr>
<td align="center">word1</td>
<td align="center">word2</td>
<td align="center">word3</td>
</tr>
</table>
Можно конечно использовать div
, но display: table
и display:table-cell
не поддерживает IE(по крайней мере <8)
В IE можно для div использовать такой класс
.DistributeAllLines {
text-align: justify;
text-justify: newspaper;
text-align-last: justify
}
Но опять же текст растягивается весь, включая расстояние между буквами, и text-justify
поддерживается только IE
На крайний случай можно поиграть с word-spacing
, но для динамических случаем нужно использовать JavaScript