行揃えを指定する

text-align: left

text-align: center

text-align: right

 

このページのソース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>スタイルシート覚書</title>
<style type="text/css">
<!--
H1{
font-size:24pt;
color:#993333;
}

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>

</HEAD>
<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>