内联导航示例不起作用

时间:2014-06-16 15:48:13

标签: html css

<style type=”text/css”>

.toolbar li {
    display: inline-block;
    background-color: #eee;
    border: 1px solid;
    border-color: #f3f3f3 #bbb #bbb #f3f3f3;
    margin: 0;
    padding: .5em;
    zoom: 1;    
}

</style>

<ul class=”toolbar”>
    <li><a href=”#”>Home</a></li>
    <li><a href=”#”>About us</a></li>
    <li><a href=”#”>Products</a></li>
    <li><a href=”#”>FAQs</a></li>
    <li><a href=”#”>Contact us</a></li>    
</ul>

我从教程中复制了这段代码但结果却不同了。我希望我的列表在一行中,而不是在5行。

1 个答案:

答案 0 :(得分:5)

将引号更改为有效的双"或单'

JSFiddle