CSS编程信息分类问题。。求解答

问题1：当用<ul>
<li>.......</li>
<li>.......</li>
<li>.......</li>
</ul>当窗口缩小时..<li>....</li>里面的内容不会移到下一行。。怎么才能只在本行显示。。哪怕显示不玩也行。。
问题2：
 <div id="main"><ul>
  <li> 
                 <div id="music1"><ul>
                                    <li>.......</li>
                                    <li>.......</li>
                                    <li>.......</li>
                                               </ul>
                               <div>
</li>
<li>
                  <div id="music2"><ul>
                                    <li><img>.......</li>
                                    <li><img>.......</li>
                                    <li><img>.......</li>
                                               </ul>
                               <div>
                    <div id="book1"><ul>
                                    <li>.......</li>
                                    <li>.......</li>
                                    <li>.......</li>
                                               </ul>
                               <div>
</li>
<li>
                  <div id="book2"><ul>
                                    <li><img>.......</li>
                                    <li><img>.......</li>
                                    <li><img>.......</li>
                                               </ul>
                               <div>

</li>
<div>
第一个<ul>里是文字第二个是对应文字在下面显示的图片。
用怎么的CSS代码可以让图片正确的显示在文字下面。。然后
如果还有一行分类book,怎么让book与上面的一类music中间（即上下）存在一定
的距离...
我自己写啦点代码：
#main ul li{
margin-bottom:20px;
}
但是就是不能在这二个分类中间分开一定距离。。。
求解

追问：首先是我打快啦。。那个错误在我网页上没有。。==但是后面那个分行。。。就是第二个行老接这第一个的图片后面。。。。还有没解决方法。。分晚上给你。。。

答案：第一个问题：设置 li{white-space:nowrap;},让li的内容强制不换行。第二个问题：代码有错误，第一个ul没有闭合：漏了</ul>，还有div闭合也错误，应该是</div>,有时候结构误会导致css解析的错误，你改一下再试试。