Выравнить картинки в блоке

Блок HTML

<div class="our-works">

		

			<ul id="carosel" class="jcarousel-skin-tango" style="display:none;">

			

			<li>

				<div class="our-works-all">

				<div class="our-works-image">

				

					<a href="upload/iblock/d1d/poker2.jpg"><img src="upload/iblock/d08/img4.png" alt="Мастер-Покер"/></a>

				</div>

				<div class="our-works-text">

					Создание сайта <a href="portfolio/detail.php%3Ftype=49&ID=5296.html">Моряк</a>

				</div>

				</div>

			</li>

									<li>

									<div class="our-works-all">

				<div class="our-works-image">

					<a href="upload/iblock/11e/igrushka-index.jpg"><img src="upload/iblock/d08/img4.png" alt="Игрушка"/></a>

				</div>

				<div class="our-works-text">

					Разработка Интернет-Магазина <a href="portfolio/detail.php%3Ftype=49&code=&ID=5286.html">Игрушка</a>

				</div>

				</div>

			</li>

									<li>

									<div class="our-works-all">

				<div class="our-works-image">

					<a href="upload/iblock/4a0/poligon-index.jpg"><img src="upload/iblock/d08/img4.png" alt="Полигон"/></a>

				</div>

				<div class="our-works-text">

					Изготовление сайта <a href="portfolio/detail.php%3Ftype=49&code=&ID=5311.html">«НПП-Полигон»</a>

				</div>

				</div>

			</li>

									<li>

									<div class="our-works-all">

				<div class="our-works-image">

					<a href="upload/iblock/f1c/Prewiev_site.jpg"><img src="upload/iblock/d08/img4.png" alt="Театр им. М. Горького"/></a>

				</div>

				<div class="our-works-text">

					Создание сайта <a href="portfolio/detail.php%3Ftype=49&code=&ID=5209.html">"Моряк"</a>

				</div>

				</div>

			</li>

			</ul>

		</div>

CSS

.our-works {

min-width:868px;

position:relative;

margin-left:22px;

margin-top:35px;

font-family: Verdana;

font-size: 12px;

}



.our-works-text {

width: 190px;

margin-left: 5px;

}

Как сделать между картинками отступ 10px? Картинки на другом отступе друг от друга, не могу найти как изменить размер, помогите пожалуйста.