Image à l'horizontal

Bonsoir à vous

j ai ce type de code html:
<h4>Galeries</h4>
<div id="galerie1"><ul>
<li><a href="http://.........." > <img src="http:// .png"/></a>
<a href="http://..... " ><img src="http:// .png"/></a>
<a href="http:// " ><img src="http://.png"/></a></li></ul>
</div>


Je souhaite que les images soient les unes après les autres c est à dire à l horizontale sur ma page
j ai tapé ce css;

#galeries1{font-size:0.8em; font-style:italic; border:thin solid red; }
#galeries1 ul li{margin:3% 0 0 15%; width:100%; height:8%; display: block; border:thin solid green;}
#galeries1 ul li img{margin:0 3% 0 0; width:15%; border:thin solid blue;}
mais les images se placent les unes en dessous des autres
comment procéder dans le css
merci de votre attention