li如何做左右滚动功能
例如这样的结构

<div
                        <ul>
                            <li>   <a   href= "# "> <img   src= "../images/temp4.jpg "   /> </a>
                                <diva   href= "# "> 什么什么东西啊1 </a> </div>
                            </li>
                            <li>   <a   href= "# "> <img   src= "../images/temp4.jpg "   /> </a>
                                <div   class= "main_info_name "> <a   href= "# "> 什么什么东西啊2 </a> </div>
                            </li>
                            <li>   <a   href= "# "> <img   src= "../images/temp4.jpg "   /> </a>
                                <div   class= "main_info_name "> <a   href= "# "> 什么什么东西啊3 </a> </div>
                            </li>
                            <li>   <a   href= "# "> <img   src= "../images/temp4.jpg "   /> </a>
                                <div   class= "main_info_name "> <a   href= "# "> 什么什么东西啊4 </a> </div>
                            </li>
                            </ul>
                    </div>


怎么做左右滚动的功能
即使设了overflow   是hidden
但还是换行了
所以上下滚动是可以但左右滚动不知怎么做

------解决方案--------------------
<style>
li { display:inline }
</style>