行揃えを指定する

text-align: 行揃え位置

行揃え位置　　　　left ・ right ・ center ・

text-align プロパティは、行揃えを設定します。
「left」「right」「center」は、それぞれ「左揃え」「右揃え」「中央揃え」を表します。
このプロパティは、ブロックレベル要素に対して指定して、その内容の行揃えを設定するものです。
ブロックレベル要素のボックス自体をセンタリングしたい場合には
左右のマージンを「auto」に設定します。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>CSS覚書</title>
<style type="text/css">
<!--
p { font-size: x-large }
#sample1 { text-align: left }
#sample2 { text-align: center }
#sample3 { text-align: right }
em {
font-style: normal;
color: #ff3300;
background-color: #ffffff
}
-->
</style>
</herd>
<body>
<h1>行揃えを指定する</h1>

<p id="sample1">text-align: <em>left</em></p>
<p id="sample2">text-align: <em>center</em></p>
<p id="sample3">text-align: <em>right</em></p>

</body>
</html>