Question

I have the following html code, and I am trying to get all the images in one line, however I am only seeing a dot, which I think is the bullet point for the list. What is wrong?

  #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

You need to set your list type to get rid of the dot:

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

Your images should be appearing. Perhaps you have the wrong path.