Ordering images in an inline style in a list element

How do I order images in a list in an inline style with css? I have tried puting inline style in the list tag but it is 开发者_如何学Goshowing it in block form. Any help will be greatly appreciated

Version2 (and without gaps in images):

In the head:

<style>
ul li {display: inline;} 
</style>

In body:

<ul>
  <li><img src="1.gif"></li><!--  
  --><li><img src="2.gif"></li><!--  
  --><li><img src="3.gif"></li>
</ul> 

This html comment "magic" is done because browsers interpret new line as a gap symbol between images.