さっそくコーディング♪

【HTML】

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無題ドキュメント</title>
<link rel="stylesheet" href="css/sstyle.css" type="text/css" >
</head>

<body>
<div>
<header> ここはヘッダーです。 </header>
<nav> ここはナビゲーションです。 </nav>
</div>
</body>
</html>

 

CSS

@charset "utf-8";
/* CSS Document */

div {
margin:0 auto;
background:#637A92;
}

header {
width:980px;
height:200px;
background:#B15D5E;
}

nav {
width:980px;
height:80px;
background:#A68586;
}

 

んー。。。。

 

margin : 0 auto ;が効かない(';')

 

さっそくつまずいたので、知恵袋で質問してみました(^^)/

 

すみません。これからWEBサイトを作りたい... - Yahoo!知恵袋

 

他にも

 

検索してみると、いくつか参考にできそうな記事が!!!

 


HTML5における要素の分類(コンテンツ・モデル)-HTML5リファレンス

 

 


[HTML5 入門]コンテンツ・モデルについて勘違いしそうなところ - WEBCRE8.jp

 

コンテントモデル - HTML5タグリファレンス - HTML5.JP

 

<header>と<nav>はフロー・コンテンツなのはわかったが。。。

 

いったいどうすりゃいいんだよ!!!!!!!

 

どうやったら中央寄せにできるんだよ!!!!!

 

んー、手強いぜHTML!!!!