ブロック要素に指定することで、その内部のインライン要素の水平位置を変更できます。
| 属性値 | 適用例 |
|---|---|
| left | ABC D E F G H I J K L M N OPQ R S T U V W XYZ |
| right | ABC D E F G H I J K L M N OPQ R S T U V W XYZ |
| center | ABC D E F G H I J K L M N OPQ R S T U V W XYZ |
| justify | ABC D E F G H I J K L M N OPQ R S T U V W XYZ |
text-alignが作用するのはブロック要素のみです。
| 要素 | コード | 適用例 |
|---|---|---|
| p |
<p style="text-align: center"> A</p> |
A |
| div |
<div style="text-align: center"> A</div> |
A |
<div style="text-align: center; display: inline"> A</div> |
A |
|
| span |
<span style="text-align: center"> A</span> |
A |
<span style="text-align: center; display: block"> A</span> |
A |
RTL言語ならばrightが適用され、そうでなければleftと同様となります。
| コード | 適用例 |
|---|---|
style="text-align: start; direction: ltr" |
A B C |
style="text-align: start; direction: rtl" |
A B C |