Html Css中心对齐菜单？_Html_Css

Html Css中心对齐菜单？

html css

Html Css中心对齐菜单？,html,css,Html,Css,我的页面上有一个菜单。代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content

我的页面上有一个菜单。代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8">
<style type="text/css">
#head {
    background-image:url(http://manage.smarturl.it/_static/images/homeslice.png);
    background-repeat:repeat-x;
    text-align:center;
    color:#FFF;
    font:'BebasNeueRegular';
    border:none;
}
#head {
    padding:0px;
    margin:0px;
}
.style1 {
    font: 27px 'BebasNeueRegular', Arial, sans-serif;
    color:#FFF;
    list-style:none;
    margin-top:-20px;
}
.style1 li {
    float:left;
}
.style1 a {
    text-decoration:none;
    color:inherit;
    display:block;
    width:80px;
}

</style>
</head>

<body>
<div id="head">
<img src="logo8bit.png" width="491" height="188" /><br />
<ul class="style1"><li><a href="">LOGIN</a></li><li><a href="">SIGNUP</a></li><li><a href="">OTHER</a></li><li><a href="">MENU</a></li><li><a href="">STUFF</a></li></ul>
</div>
<br />
</body>
</html>


无标题文件
#头{
背景图片：url(http://manage.smarturl.it/_static/images/homeslice.png);
背景重复：重复-x；
文本对齐：居中；
颜色：#FFF；
字体：'BebasNeueRegular'；
边界：无；
}
#头{
填充：0px；
边际：0px；
}
.style1{
字体：27px'BebasNeueRegular'，Arial，无衬线；
颜色：#FFF；
列表样式：无；
利润上限：-20px；
}
李先生{
浮动：左；
}
.1.a{
文字装饰：无；
颜色：继承；
显示：块；
宽度：80px；
}

我无法使菜单与边距对齐，因为每当我尝试对齐时，它都会弄乱菜单的显示方式，而不会显示出来。请给我你的任何建议。谢谢

如果可以为

元素设置显式宽度，则设置

边距：0自动将使其居中
如果您不知道
的宽度，请将浮动设置为显示：内联块
，而不是浮动：左
，文本对齐：居中
您可以像这样使用css
.style1{ margin-left:20px;}
.style1 li{ list-style:none; float :left;  padding:5px:}

您可以增加.style1的剩余边距，也可以删除所有负值，因为这不是Gud的做法，而且我认为您不需要手动为li中的锚定标记指定宽度。
如果您希望将
元素水平居中放置在
中。