css - 防止菜单自动换行

Question

我用 CSS 创建了这个菜单。但如果窗口的宽度小于整个菜单，它就会换行。

如何阻止它换行到下一行？

见代码。 http://jsfiddle.net/49RCL/1/

<nav>    
    <ul class="siteNav">    
         <li><a href="http://cnn.com"><img src="http://s7.postimg.org/m54vbq4kn/logo.png" width="166" height="60"</a></li>    
        <li><a href="http://cnn.com">Menu 1</a></li>    
        <li><a href="http://cnn.com">Menu 2</a></li>    
        <li><a href="http://cnn.com">Menu 3</a></li>    
        <li><a href="http://cnn.com">Menu 4</a></li>    
        <li><a href="http://cnn.com">Menu 5</a></li>    
        <li><a href="http://cnn.com"><form action=""><input type="color" name="favcolor" size="26" placeholder="Search"></form></a></li>    
    </ul>    
</nav>

Answer 1

添加

white-space: nowrap;

到你的.siteNav

http://jsfiddle.net/URL4g/