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>