point 文字の水平位置を指定する

text-align:

指定できる値
キーワードで指定
center   センタリング
right 右揃え
left 左揃え
justify 均等割付する

text-alignプロパティを使えば、文字の水平の位置を指定することが出来ます。

HTMLで見出し(h1など)や段落(p)の水平の位置を指定するには、align属性使って指定しましたが、この場合と同じようにスタイルシートでは、text-alignプロパティを使って文字の水平位置を指定します。

値にcenterを指定すれば、文字はセンタリングされます。そして値にrightを指定すれば右揃えされ、leftを指定すれば左揃えされます。

あと指定できる値にjustifyがありますが、これは、「文字を均等割付する」のところで説明します。

サンプル - Microsoft Internet Explorer

見出しは左揃え

段落は、センタリング

この範囲は右揃え

HTML&CSS
<html>
<head>
<title>サンプル</title>
<style type="text/css">
<!--
h1  {text-align:left;  }
p   {text-align:center;}
div {text-align:right; }
-->
</style>
</head>
<body>
<h1>見出しは左揃え</h1>
<p>段落は、センタリング</p>
<div>この範囲は右揃え</div>
</body>
</html>
 

スポンサード・リンク