html无序列表怎么在div里放成一行,无序列表不能一直排列在div的左边

我有一个无序列表，我用它作为一个简单的导航栏。这看起来象下面这样：无序列表不能一直排列在div的左边

正如你可以看到虽然这

元素不会一路对准他们都包含在我在含

试图text-align: left;但似乎

的左侧。没有效果。

相关HTML：

• Home
• About

相关CSS：

#menu {

width: 800px;

margin: 0 auto;

}

#menu div {

float: left;

width: 400px;

height: 60px;

background-color: #CACACA;

}

#menutop {

text-align: left;

}

#menutop ul {

list-style: none;

}

#menutop li {

display: inline;

padding: 10px;

}

#menutop a {

color: #000000;

text-decoration: none;

}

#menutop a:hover {

text-decoration: underline;

}

任何想法？

+0

您是否尝试删除'ul'的'margin'？ –

+0

将代码放在jsfiddle上，按预期工作。 http://jsfiddle.net/5wCZk/。你的问题在别处。 –

+0

您总是可以使用负余量：'margin-left：-10px' –