html – 内联导航示例不起作用

参见英文答案 > HTML and CSS is not working?2个

<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行.

解决方法

将曲线引号“更改为有效双精度”或单曲’.

JSFiddle