我想要中心对齐导航栏中的内容( 以便truetype为导航栏的中心) 。 我知道我有浮动: 左边;但如果我没有,( 左边,右边) 将会降到最底部的边缘。 所以我想要的是保持左浮动,但可以显示: 内联块或者相等。我还希望( 左边)的下拉栏从,左侧开始,然后在右侧构建。
demo
HTML
CSS* {
padding: 0;
margin: 0;
}
#body {
padding: 0;
margin: 0;
font-family: Arial;
font-size: 17px;
}
#nav {
background-color: 72776A;
width: 100%;
position:fixed;
height:50px;
}
#nav ul {
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
display:block;
}
#nav ul li {
float:left;
}
#container {
text-align:;
}
#nav ul li:hover {
background-color: #333;
}
#nav ul li a, visited {
color: ACD661;
display: block;
padding: 15px;
text-decoration: none;
}
#nav ul li:hover ul {
display: block;
}
#nav ul ul {
display: none;
position:absolute;
color: red;
border: 1px solid black;
}
#nav ul ul li {
display: block;
}
#nav ul ul li a:hover {
color: #699;
}