h1とh2の入れ替え

授業まとめ HTML CSS2.1 
header部のレイアウト

    container幅：800px





<!DOCTYPE html>
<html lang="ja">
<head>/>
<meta charset="UTF-8">
<title>header（1）</title>
</head>
<body>
<div id="container">
<div id="header"> 
<h1>Information World</h1>
<h2>Technical Information</h2>
</div>
</div>
</body>
</html>

作ったソース

/* CSS Document */

*{margin:0;
  padding:0;
}

h1{height:100px;
   width:400px;
	 display:block;
	 padding:40px 0;
	 float:left;
}

h2{
  float:right;	
}

body{
	background-color:#FFF;
	  "ヒラギノ角ゴ Pro W3", 
	  "Hiragino Kaku Gothic Pro", 
	  "メイリオ", 
	  Meiryo, 
	  Osaka, 
	  "ＭＳ Ｐゴシック", 
	  "MS PGothic", 
	  sans-serif;
		font-size:0.8em;

}

#container{
	width:800px;
	margin:10px auto;
}

#header{
	height:100px;
	background-image:url(../images/hedder.jpg);
	background-repeat:repeat-x;
	color:#FFF;
}