Html 如何使用css将菜单栏居中。（我正在使用Microsoft Expression Web 4）
我对html和css有点陌生。我的菜单栏居中有很大困难。有人能告诉我该拿哪个标签吗？ 我试图在这里读更多的帖子，但我无法解决它，我做错了什么 这是我的密码：Html 如何使用css将菜单栏居中。（我正在使用Microsoft Expression Web 4）,html,css,Html,Css,我对html和css有点陌生。我的菜单栏居中有很大困难。有人能告诉我该拿哪个标签吗？ 我试图在这里读更多的帖子，但我无法解决它，我做错了什么 这是我的密码： <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>Untitled 2</title> <style
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Untitled 2</title>
<style type="text/css">
body {
background-color: #dfe3ee;
}
.wrapper {
border: 1px solid;
width: 75%;
height: 90%;
margin: 0 auto;
}
.header {
border-bottom: 1px solid;
padding:10px;
text-align:center;
font-size: 40px;
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
#menu {
margin:0 auto;
display: inline-block;
list-style:none;
padding:0;
border-top:1 solid #ccc;
border-left:1 solid #ccc;
border-bottom:1 solid #ccc;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu a {
display: block;
width: 8em;
color:white;
background-color: blue;
text-decoration: none;
text-align: center;
}
#menu a:hover {
background-color: #6666AA;
}
#menu li {
float: left;
margin-right: 0.5em;
font-family:"Bookman Old Style"
}
#menu a {
text-decoration: none;
}
#menu ul ul {
display:none;
}
#menu ul li: hover > ul {
display:block;
}
#menu {
display:inline-block;
}
</style>
</head>
<body>
<div class="wrapper" style="height: 558px">
<div class="header">
Cotton
</div>
<div id="menu">
<ul style="width: 699px">
<li><a href="index.html"><span style="font-family: Impact">Home</span></a></li>
<li><a href="collections.html"><span style="font-family: Impact">Our Collections</span></a></li>
<li><a href="about.html"><span style="font-family: Impact">About Us</span></a></li>
<li><a href="contact.html"><span style="font-family: Impact">Contact Us</span></a></li>
</ul>
</div>
</div>
</body>
</html>
无标题2
身体{
背景色：#dfe3ee；
}
.包装纸{
边框：1px实心；
宽度：75%；
身高：90%；
保证金：0自动；
}
.标题{
边框底部：1px实心；
填充：10px；
文本对齐：居中；
字体大小：40px；
字体系列：“Gill Sans”，“Gill Sans MT”，Calibri，“投石机MS”，无衬线；
}
#菜单{
保证金：0自动；
显示：内联块；
列表样式：无；
填充：0；
边框顶部：1个实心#ccc；
左边框：1个实心#ccc；
边框底部：1个实心#ccc；
}
#菜单ul{
边际：0px；
填充：0px；
列表样式类型：无；
}
#菜单a{
显示：块；
宽度：8em；
颜色：白色；
背景颜色：蓝色；
文字装饰：无；
文本对齐：居中；
}
#菜单a：悬停{
背景色：#6666AA；
}
#菜单里{
浮动：左；
右边距：0.5em；
字体系列：“书商旧式”
}
#菜单a{
文字装饰：无；
}
#菜单{
显示：无；
}
#菜单ul li：悬停>ul{
显示：块；
}
#菜单{
显示：内联块；
}
棉
宽度：699px>
#菜单显示：内联块#菜单边距：0自动pxem正文{
背景色：#dfe3ee；
}
.包装纸{
边框：1px实心#000；
宽度：75%；
身高：90%；
保证金：0自动；
}
.标题{
边框底部：1px实心；
填充：10px；
文本对齐：居中；
字体大小：40px；
字体系列：“Gill Sans”，“Gill Sans MT”，Calibri，“投石机MS”，无衬线；
}
#菜单{
保证金：0自动；
宽度：536px；
高度：20px；
列表样式：无；
填充：0；
边框顶部：1px实心#ccc；
左边框：1px实心#ccc；
边框底部：1px实心#ccc；
}
#菜单ul{
边际：0px；
填充：0px；
列表样式类型：无；
}
#菜单a{
显示：块；
宽度：128px；
颜色：白色；
背景颜色：蓝色；
文字装饰：无；
文本对齐：居中；
}
#菜单a：悬停{
背景色：#6666AA；
}
#菜单里{
浮动：左；
右边距：8px；
字体系列：“书商旧式”
}
#菜单李：最后一个孩子{
右边距：0
}
#菜单a{
文字装饰：无；
}
#菜单{
显示：无；
}
#菜单ul li：悬停>ul{
显示：块；
}
棉
-
-
-
-
#menu {
margin-left:225px; /*changed*/
display: inline-block;
list-style:none;
padding:0;
border-top:1 solid #ccc;
border-left:1 solid #ccc;
border-bottom:1 solid #ccc;
}
#menu li:last-child{
margin-right:0; /*not required*/
}
ulwidth:699px这不是问题的原因，但菜单的
边框px边框-px