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/