cssの横並びがうまく表示されない

テキストを参照しながらHTMLとCSSをいじっているのですが、
現在テキスト通りにWEBデザインが動かないので質問させていただきました。

css
1body {
2	font-size: 14px;
3	font-family: Arial,Verdana;
4}
5a{
6	text-decoration: none;
7}
8.container{
9	width: 600px;
10	margin: 0 auto;
11	overflow: hidden; 
12}
13/* header */
14#header[
15}
16	h1{
17		font-weight: bold;
18		font-size: 18px;
19		padding: 15px 0;
20	}
21	.menu{
22			background: #f39800;
23			margin-bottom: 30px;
24			font-size: 12px;
25			list-style: none;
26			overflow: hidden;
27			padding: 0;
28	}		
29　　　　.menu>li{
30			float: left;
31			width: 150px;
32			text-align: center;
33		}
34	.menu a {
35			padding: 10px 0;
36			color: #fff;
37			display: block;
38		}
39	
40	.menu a:hover{
41			background: #ffc35c;
42		}

html
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
2<html lang="ja">
3	<head>
4		<meta charset="utf-8">
5		<title>はじめてのWordpress</title>
6		<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">
7		<link rel="stylesheet" type="text/css" href="./css/style.css">
8	</head>
9	<body>
10		<div id="header" class="container">
11			<h1><a href="">はじめてのWordpress</a></h1>
12			<ul class="menu">
13				<li><a href="">menu</a></li>
14				<li><a href="">menu</a></li>
15				<li><a href="">menu</a></li>
16			</ul>
17		</div>
18</body>
19</html>

テキストのほうでは横並びにメニューが並んでいるのですが、縦に並んでしまっているのが現状です。
どこかコードを間違えていたり、スペルミスをしていたりするのでしょうか…
時分でも探してみたのですが見つけられなかったので質問させてもらいました。
よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

#header[
}

とりあえず開始のかっこが[になってますね。

.menu{
	background: #f39800;
	margin-bottom: 30px;
	font-size: 12px;
	list-style: none;
	overflow: hidden;
	padding: 0;
}        

.menu > li{
	background: red;
	float: left;
	width: 150px;
	text-align: center;
}

liの背景色を赤にして確認したけど大丈夫でしたよ。

投稿2018/03/30 03:24