文章の横方向の表示位置を決める


文章を書くと通常は左に寄るのですが、
この表示の位置を変えることができます。

text-align:------;　を使います。


左によせるtext-align:left;
中によせるtext-align:center;
右によせるtext-align:right;
均等に分けるtext-align:justify;


上記のスタイルは、

上のような空間の中において、
その中のどのあたりに文字などを表示するかを指示するものです。


したがって、
<span style="text-align:right;">文字文字文字文字</span>
などとしても、そもそも<span>は文字文字文字文字のように、
最初から持っている空間が小さいので、
<span>の中で右寄せをしても、変化はありません。


つまり、このスタイルが使えるのは、
<body>、<table>、<div>、<p>、<pre>など、
広い空間を持つタグだけということになります。


なお、文字を均等に分けるために text-align:justify; を使う場合は、
text-justify:distribute-all-lines; も同時に使います。
他の値もあるのですが、distribute-all-lines;だけで足りると思います。



次は　行や文字の間隔を指定する　です。

メニューに戻ります。