さっそくコーディング♪
【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!!!!