div中的图像在一行中

Question

我有以下的html代码，我试图将所有图像放在一行中，但是我只看到一个点，我认为这是列表的要点。有什么问题？

  #emoticonscontainer ul li { display: inline; }

<div id="emoticonscontainer">
                    <ul>
                        <li><img src="smile.png" /></li>
                        <li><img src="sad.png" /></li>
                        <li><img src="surprise.png" /></li>
                        <li><img src="wink.png" /></li>
                        <li><img src="love.png" /></li>
                    </ul>
                </div>

Answer 1

您需要设置列表类型以摆脱点：

 #emoticonscontainer ul li { display: inline; list-style:none}

您的图片应该出现。也许你有错误的道路。

Answer 2

尝试使用float:left代替display:inline。