インライン要素内の文字などの横位置を指定するには、text-alignを使用します。
インライン要素の横表示位置を指定する
例）左寄せにする
左寄せにするには left を指定します。
text-align:left;
|
1 |
<div style="text-align:left;">あいうえお</div> |
【結果】
あいうえお
例）中央寄せにする
中央寄せにするには center を指定します。
text-align:center;
|
1 |
<div style="text-align:center;">あいうえお</div> |
【結果】
あいうえお
例）右寄せにする
右寄せにするには right を指定します。
text-align:right;
|
1 |
<div style="text-align:right;">あいうえお</div> |
【結果】
あいうえお
備考
- ブロック要素とインライン要素については以下をご覧ください。
→[HTML] ブロック要素とインライン要素
コメント