課題 


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>header（２）</title>
<link rel="stylesheet" href="css/style2.css" type="text/css" media="screen,print">
</head>
<body>
<div id="container">
<div id="header">
<ul>
<li><a href="#">Internet</a></li>
<li><a href="#">Computer</a></li>
<li><a href="#">Networking</a></li>
<li><a href="#">Database</a></li>
</ul>
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
<input name="textfield" type="text" size="15">
<input type="submit" name="Submit" value="検索">
</form>
<h1>Information World</h1>
</div>
</div>
</body>
</html>

できたところまでＵＰ

/* CSS Document */

*{margin:0;
  padding:0;
}

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

}

h1{
	color:#fff;
}

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

#header{
	height:110px;
	background-image:url(../images/header_long.jpg);
}

#header ul{
	width:600px;
	line-style-type:none;
	float:left;
}

#header li{
	display:inline;
  padding: 2px 10px;
}

#header li a{
	color:#FFF;
  width:200px;
	text-decoration:none;
}


#form1{
  float:right;
	width:200px;
}