html - 导航菜单不会水平排列

Question

我正在尝试获得一个水平导航栏，但我无法让它正常工作。

http://jsfiddle.net/2fkxx/

nav {
    text-align: center;
}
    nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline-block;
    }
        nav ul li {
            display: inline;
        }
            nav ul li a {
                text-decoration: none;
                display: block;
                width: 80px;
            }

Answer 1

将您的 li 设置为 inline-block 而不是 inline。

nav ul li {
    display: inline-block;
}

Fiddle