大藤 幹
第12章 CSS
しおりをつける行揃えを指定する
行揃えは、上の書式のように指定します。値として「left」を指定すると「左揃え」、「right」を指定すると「右揃え」、「center」を指定すると「中央揃え」になります。「text-align」は、ブロックレベル要素に対して指定して、その内容の行揃えを設定するものです。ブロックレベル要素自体をセンタリングしたい場合には、左右のマージンを「auto」に設定してください。
【サンプル】
▽CSS
h1 { text-align: left; }
h2, p { text-align: center; }
h3 { text-align: right; }
▽HTML
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>行揃えの指定サンプル</title>
<link rel="stylesheet" href="sample.css" type="text/css">
</head>
<body>
<h1>
<img src="left.jpg" width="183" height="69" alt="左揃え">
</h1>
<h2>
<img src="center.jpg" width="188" height="66" alt="中央揃え">
</h2>
<p>
- 段落の中央揃え -
</p>
<h3>
<img src="right.jpg" width="183" height="69" alt="右揃え">
</h3>
</body>
</html>
