Помощ с ХТМЛ код

[winers]

Трябва ми малко помощ за сайта ми
Направих си едно хтмл сайтче но искам да стане така : http://store.picbg.net/pubpic/A5/5F/65a1e959af29a55f.png
Там дето съм го очертал да е друга снимка с текст, защото когато го направя излиза под тази снимка
Някви идей ?

Ето това е кода

<img src="SNIMKA.PNG">
		  <A href="#">Свали</a> |  <A href="#">Преглед</a>

 

[IzKuFeLiQqQqQ]

css

.line  ul {margin:0;padding:0;border:0;}
.line  li{float:left;display:inline;list-style-type:none;}

html

<div class="line">
<ul>
<li><img src="SNIMKA1.PNG">
        <A href="#">Свали</a> |  <A href="#">Преглед</a></li>
<li><img src="SNIMKA2.PNG">
        <A href="#">Свали</a> |  <A href="#">Преглед</a></li>
</ul>
</div>

:idea:

 

[winers]

Стана но са слепени една до друга как да ги разделя малко ?

 

[IzKuFeLiQqQqQ]

Стана но са слепени една до друга как да ги разделя малко ?

.line ul {margin:0;margin-left:XXpx;padding:0;border:0;}

 

[winers]

+1 Мерси