Преместване на картинка

[lub4o]

Здравейте имам едни елементи на които над тях трябва да пише нещо

правя го така

<p>Фен на biohazard<br />
<img src="img/security.gif"></a>
Фен на biohazard<br />
<img src="img/security.gif"></a></p>

и излиза така

Как може да ги направя да са си една до друга и имената да са над елементите

 

[dELux_nike]

<p>Фен на biohazard</p><br />
<img src="img/security.gif"></a>
<p>Фен на biohazard</p><br />
<img src="img/security.gif"></a>

:idea:

 

[Liberate]

<p>Фен на biohazard</p><br />
<img src="img/security.gif" /><br />
<p>Фен на biohazard</p><br />
<img src="img/security.gif" />

 

[speedley]

<p>Фен на biohazard<br />
<img src="img/security.gif"></a><br />
Фен на biohazard<br />
<img src="img/security.gif"></a></p>

:idea:

 

[marian]

С таблица:

<style type="text/css">
#view tr td {
text-align:center;
}
#view tr td img {
border:none;
}
</style>
<table border="0" cellspacing="0" cellpadding="2" id="view">
<tr>
<td>
Фен на biohazard<br />
<a href="#"><img src="img/security.gif" alt="fen"></a>
</td>
<td>
Фен на biohazard<br />
<a href="#"><img src="img/security.gif" alt="fen"></a>
</td>
</tr>
</table>

или с дивове:

<style type="text/css">
#view div {
float:left;
padding:2px;
text-align:center;
}
#view div a img {
border:none;
}
</style>
<div id="view">
<div>
Фен на biohazard<br />
<a href="#"><img src="img/security.gif" alt="fen"></a>
</div>
<div>
Фен на biohazard<br />
<a href="#"><img src="img/security.gif" alt="fen"></a>
</div>
<div style="clear:both"></div>
</div>