ＨＴＭＬ 文字や画像をページの真ん中に置きたいときは…

タグを教えて頂きたいんですが、
文字や画像を真ん中に寄せたいときはどうすればいいでしょうか？

<p align=”center”>～は、横に見たときの真ん中寄せですが、
縦に見た場合を知りたいんです。
わかりづらい説明になってしまいすいません；

タグ初心者にオススメのサイトなどもあったら紹介して頂きたいです（> <;）

No.1 ベストアンサー 回答者： torayoshi 回答日時： 2009/09/17 00:16

とりあえず画像の場合だけ。

テキストの場合は分かりません。

position: absolute;
left: 50%; top: 50%;
なんてやりたくなるけど、画像の基点は左上の角なので
これでは中央表示にならない。
画像の中央が基点になるようにmarginプロパティで位置を間引きする必要があります。
間引き量は画像のサイズの半分の値。

例
画像サイズ400×288の場合(半分の200と144を引いてやる)
-css-
.test {
margin: -144px -200px;/*画像サイズで変わる*/
left: 50%;top: 50%;
position: absolute;
}
-body-
<div class="test">
<img src="a.jpg" width="400px" height="288px" alt="">
</div>