CSSのレイアウト設定 （初心者）

質問

たびたびの質問失礼します
こんばんわ
今回はCSSのレイアウトについて質問があります
まずCSSのソースをご覧くださいませ
* レイアウトの設定*/
html{
background-color:#c0c0c0;
}
body{
margin:0px;
padding:50px;
font-size:90%;
}
/* ヘッダーの設定*/
#head{
width:900px;
height:100px;
background-color:#CCFFCC;
}
/* ラッパーの設定*/
#wrap{
position:relative;
width:900px;
background-color:#FFFFCC;
}
/* 左側の設定*/
#left{
width:100px;
height:900px;
float:left;
background-color:#FFAC99;
}

/* 右側の設定*/
#right{
width:800px;
height:900px;
float:right;
background-color:#CCCCFF;
}

HTML
<!-- ********* ヘッダー ******** -->
<div id="head">
<p>ここにイメージ記載予定</p>

<!-- ********* 右側 ******** -->
<div id="right">
あああああああああああああああああああああああああああ
</div>
一部略
---------------------------------------------------------------
1.まずヘッダーの部分が少しあいてると思うんですが
これを一番上まで持っていき空白を無くす為には何を追加させたらいいんでしょうか？
2.右側に文字を入力したとき　ああああ　という文字が左側に近寄りすぎてしまいます。。　これを中心に持って行くには　<align="center">を入力してもうまく行きませんでしたT_T
説明下手で申し訳ないですが　よろしくお願いします
ちなみにHP作成は初めてです。

回答No.1

Bentenkozo · ベストアンサー

１.
body の padding:50px; が不要。

２.
align="center" を使えば、たとえば
<h1 align="center">あああ</h1>　など、その他いろいろとやり方はあるはず。

お礼

ありがとうございました
無事いけました＾＾

回答No.2

Pochi09

No.1さんに追加です。

　<div id="head">
　<p>ここにイメージ記載予定</p>
の<p>タグが不要なので、
　<div id="head">
　ここにイメージ記載予定
　</div>

又、スタイルシートでセンタリングしたいなら
　#right{
　＝＝＝途中省略＝＝
　text-align:center;
　}
としてやる方法もあります。

css使うなら、ちょっとずつ調べてみた方が、自分の自由になって楽しいですよ。（多少、htmlの場合と違った指定の仕方をするものもありますし）

お礼

ありがとうございます
無事いけました＾＾