Dem�:

Ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom. Ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom. Ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom.

K�t k�dra van sz�ks�g�nk, az egyik egy HTML, a m�sik pedig egy CSS k�d.

HTML k�d:
Ebben a k�dban kell megadnod a k�p URL-j�t, illetve a sz�veges tartalmat. Term�szetesen ezt a k�d beilleszt�se ut�n a rendes szerkeszt�i n�zetben is megadhatod.

<div class="somediv">
<div class="floatbox"><img border="0" alt="" width="100" height="100" src="http://K�P URL-je" /></div>
<p>Ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom. Ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom. Ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom, ide j�n a sz�veges tartalom.</p>
</div>

CSS k�d:
Itt hat�rozhatod meg a doboz sz�less�g�t, a keret tulajdons�gait (ha nem szeretn�l keretet, adj meg 0-t).  A k�dban a legfontosabb r�szekhez tal�lsz z�r�jeles magyar�zatokat, ezeket nem kell t�r�ln�d, a k�d �gy is m�k�dik.

<style type="text/css">
.somediv{
width: 350px; /* doboz sz�less�ge k�ppel egy�tt */
clear: left;
border: 1px solid gray; /* doboz kerete */
}
.somediv .floatbox{
float: left; /* bal vagy jobb oldalon legyen a k�p */
}
* html .somediv p{
height: 1%;
}.somediv p{
margin-top: 0px; /* ennyi px-re lesz a sz�veg a doboz tetej�t�l */
margin-left: 100px; /* ennyi px-re lesz a sz�veg a bal oldalt�l */
}</style>