Проблем с текст

[Gamerz]

Къде бъркам искам една картинка да я сложа до текст от ляво но не става и очертанията в които ги слагам не ми е равна с разтоянието от снимката и това от текста ето код.

<img ALIGN=LEFT HSPACE=30 VSPACE=30 src="images/gamesportfolio.png" alt="" width="300" height="196" /> <span class="blue"> test test test </span>

 

[zEskO]

Вариант1:

<div width="350">
<div style="float:left; width:300px;"><img src="images/gamesportfolio.png" alt="" width="300" height="196" /></div>
<div style="flat:left; width: 50px;">
<span class="blue"> test test test </span>
</div>
<div style="clear: both;"></div>
</div>

Вариант2:

<table>
<td><img src="images/gamesportfolio.png" alt="" width="300" height="196" /></td><td><span class="blue"> test test test </span></td></table>

 

[shterev]

Вариянт 3:

.imageClass{
 margin: 0 0 30px 30px; /* тук наместваш отстъпите на текста */
 dispaly:block; /* блоков елемент за да нямаш еидн бъг в IE-тата*/
 width:300px;
 height:196px;
 float:left;
}

<img class="imageClass" src="images/gamesportfolio.png" alt="" /> <p class="blue"> test test test </p>