dispaly属性

Question

#left-c ul {
margin:0px;
padding:0px;
display:inline;
border:1px solid #000000;
}    <div id="left-c">
         <div>
             <font>新闻资讯</font><a href="#">更多</a>
            </div>
         <ul id="left-c-a">
             <li><a href="#">阿隆索阿萨德发生的发生的发生</a></li>
                <li><a href="#">阿隆索阿萨德发生的发生的发生</a></li>
                <li><a href="#">阿隆索阿萨德发生的发生的发生</a></li>
                <li><a href="#">阿隆索阿萨德发生的发生的生大</a></li>
                <li><a href="#">阿隆索阿萨德发生的发生发生大</a></li>
            </ul>
            <ul id="left-c-b">
             <li><a href="#">2011-10-14</a></li>
                <li><a href="#">2011-10-14</a></li>
                <li><a href="#">2011-10-14</a></li>
                <li><a href="#">2011-10-14</a></li>
                <li><a href="#">2011-10-14</a></li>
            </ul>
        <div style="clear:both"></div>
    </div>
为什么设置了ul标签的display=inline属性了，ul却没有在一行上显示？？
请大侠们帮帮忙，十分感谢，急用，

Answer 1

本身ul是在一行的，但是由于此时的li元素还是块级元素，所以会才会出现ul不在一行的效果，你如果要达到在一行的效果可以设置li的float:left;就可以达到你要的效果了，默认情况下li是占一行的

Answer 2

或者你也可以设置li的display:inline; width:50px;

Answer 3

#left-c #left-c-b li {
float:left;
}