Если написать так - то будет пробел между картинками, и они будут одна под одной.

<ul id="container">
	<li class="containingDiv">
		<img src="img/img1.jpg">
	</li>
	<li class="containingDiv">
		<img src="img/img2.jpg">
	</li>
</ul>

#container li{
    width: 50%;
	height: auto;
	display: inline-block;
}

Если написать всё в одну строку, без переноса строки - картинки будут рядом.
Можно ли как нибудь избавиться от записи в одну строчку , и чтобы работало как записано выше ?

float: left;

_____________
[продано копирайтерам]

спасибо.