html+css有关问题!新手

html+css问题!新手
我有四个ul 每个ul的li里是图片,要让这四个图片横向排列 怎么弄?
------解决思路----------------------
css样式加上float: left;,在li里加,浮动起来就好了
------解决思路----------------------

            <ul style="list-style: none;float: left">
                <li><img width="100px" height="30px" /></li>
            </ul>
            <ul style="list-style: none;float: left">
                <li><img width="100px" height="30px" /></li>
            </ul>
            <ul style="list-style: none;float: left">
                <li><img width="100px" height="30px" /></li>
            </ul>
            <ul style="list-style: none;float: left">
                <li><img width="100px" height="30px" /></li>
            </ul>