text-align

クリックで全選択状態になります。

.sample { text-align: right; }

.sample { text-align: center; }

.sample { text-align: left; }

.sample { text-align: justify; }

.sample{text-align: right;}

<p class="sample">スタイルシートcssサンプル</p>

スタイルシートcssサンプル

.sample{text-align: center;}

<p class="sample">スタイルシートcssサンプル</p>

スタイルシートcssサンプル

.sample{text-align: left;}

<p class="sample">スタイルシートcssサンプル</p>

スタイルシートcssサンプル

.sample{text-align: justify;}

<p class="sample">スタイルシートcssサンプル</p>

text-align: justify;

justify is justified. But the Japanese are no less effective. When English is effective.justify is justified. But the Japanese are no less effective. When English is effective.justify is justified. But the Japanese are no less effective. When English is effective.

ノーマル

justify is justified. But the Japanese are no less effective. When English is effective.justify is justified. But the Japanese are no less effective. When English is effective.justify is justified. But the Japanese are no less effective. When English is effective.

値/プロパティ値

justifyは両端揃えですが日本語ではあまり効果は期待できない。