スタイルシートでセンタリングする

説明

スタイルシートを使ってセンタリング(中央揃え)にするには左右のマージンに(margin)autoを指定します。ただし、IE6では標準モードでは、この方法ではセンタリングされないのでtext-align:center;を使ってセンタリングする必要があります。

サンプルコード [実行]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<title>Sample</title>
<style type="text/css"><!--
p {
margin-left:auto;
margin-right:auto;
width:320px;
border:1px solid black;
padding:10px;
}
--></style>
</head>
<body>
<h1>Sample</h1>
<p>
autoを指定するとセンタリングすることができます。<br>
ただし、IE6では互換モードの場合、text-alignを使わないといけません。
</p>
</body>
</html>