问题：菜单项之间无法留出空间（至少 1 厘米）。
\n我是初学者，刚刚学习。我知道这个问题对于有经验的用户来说听起来很愚蠢。
\n这是代码：
\nbody {\n height: auto;\n width: auto;\n background-image: url("img/top.png");\n}\n\n.header {\n margin: 0px auto;\n max-width: 960px;\n}\n\n#header {\n height: 300px;\n width: 960px;\n background-image: url("img/top.png")\n}\n\n#menu ul {\n margin: 0px auto;\n margin-left: -20px;\n /*pull towards left*/\n margin-right: 20px;\n /*push towards right*/\n list-style: none;\n background: #3d3d5c;\n}\n\n#menu li {\n display: inline-block;\n}\n\n#menu li a {\n margin-left: -40px;\n color: #fff;\n text-decoration: none;\n display: block;\n background: red;\n padding: 0 10px 0 10px;\n height: 54px;\n width: 130px;\n line-height: 54px;\n}\n\n#menu li a:hover …