Images and List Items

I'm looking for a way to display an image on a webpage. This image needs to be just to the right of a list item within an unordered list. Preferably, I'd like it to be within the list item tags but just after the text that is within the list item. However, when I place this image within the list item tags, it bumps开发者_Python百科 the image down to the next line. Does anyone know why this is happening and/or a way to fix it? Thanks.

In your css set your background-image to the image in question, background-position:right, and add the width of the image to the right padding. This would effectively create the illusion of an image appearing the right of the list item.