div ul li横排显示解决方法 _HTML/CSS

div ul li横排显示

HTML code


<div class="menu_01" >
   <ul>
           <li style="display:block;"><a href="">单跟</a>
               <ul style="display:inline;">
                <li><a href="#"><img src="./images/left_sample_banner_01.jpg" width="165px" height="54px" ></a></li>
                <li><a href="#"><img src="./images/left_sample_banner_02.jpg" width="165px" height="54px" ></a></li>
                <li><a href="#"><img src="./images/left_sample_banner_03.jpg" width="165px" height="54px" ></a></li>
                <li><a href="#"><img src="./images/left_sample_banner_04.jpg" width="165px" height="54px" ></a></li>
                <li><a href="#"><img src="./images/left_sample_banner_05.jpg" width="165px" height="54px" ></a></li>
                <li><a href="#"><img src="./images/left_sample_banner_06.jpg" width="165px" height="54px" ></a></li>
                <li><a href="#"><img src="./images/left_sample_banner_07.jpg" width="165px" height="54px" ></a></li>
                <li><a href="#"><img src="./images/left_sample_banner_08.jpg" width="165px" height="54px" ></a></li>
            </ul>
           </li>
           <li><a href="#">高跟</a>
            <ul style="display:inline;">
                <li><a href="#"><img src="./images/left_sample_banner_01.jpg" width="165px" height="54px" ></a></li>
                <li><a href="#"><img src="./images/left_sample_banner_02.jpg" width="165px" height="54px" ></a></li>
                <li><a href="#"><img src="./images/left_sample_banner_03.jpg" width="165px" height="54px" ></a></li>
                <li><a href="#"><img src="./images/left_sample_banner_04.jpg" width="165px" height="54px" ></a></li>
                <li><a href="#"><img src="./images/left_sample_banner_05.jpg" width="165px" height="54px" ></a></li>
                <li><a href="#"><img src="./images/left_sample_banner_06.jpg" width="165px" height="54px" ></a></li>
                <li><a href="#"><img src="./images/left_sample_banner_07.jpg" width="165px" height="54px" ></a></li>
                <li><a href="#"><img src="./images/left_sample_banner_08.jpg" width="165px" height="54px" ></a></li>
            </ul>
        </li>

------解决方案--------------------
float:left在加个这个试试
------解决方案--------------------
http://blog.sina.com.cn/s/blog_68d663140100ljjt.html
------解决方案--------------------
第一个ul改为ol，然后在头部加css：ul li{display:inline;}就可以了

------解决方案--------------------