css - テキストをDIV幅全体に拡張する方法

Question

私はこのようなテキストのdivを持っています：

<div class="somos-especialistas">
<p><span style="color: #ff7a00;">Especialistas en climatizaci&oacute;n</span> <span     style="color: #0092d4;">y deshumidificaci&oacute;n de piscinas</span></p>
</div>

そして、 pタグ内のテキストをコンテナdivの全幅に拡張したいと思います。

divのCSS：

.somos-especialistas 
{
    width: 960px;
    font-stretch: expanded;
}

font-stretch：expandedを使用しました。しかし、それは機能しません。多くのブラウザでサポートされていないことがわかりました。それを取得する方法について何かアイデアはありますか？

JsFiddle： ここでコードを確認してください

Answer 1

次のスタイルを CSS クラスに追加します。

text-align:justify;

Answer 2

内部に動的テキストがない場合は、文字間隔を使用できます

letter-spacing:9px;

http://jsfiddle.net/sQ9ck/2/

または単語間隔

word-spacing:70px;

http://jsfiddle.net/sQ9ck/6/

または両方の組み合わせ

letter-spacing:5px;
word-spacing:44px;

http://jsfiddle.net/sQ9ck/10/