Teksti sijoitettu kuvan vierelle ALIGN-attribuutilla middle. Tällöin kuvan vierellä olevan tekstin ensimmäinen rivi on yläreunan kanssa samalla tasalla, muut rivit ovat kuvan alapuolella.

Teksti sijoitettu kuvan vierelle ALIGN-attribuutilla bottom. Tällöin kuvan vierellä olevan tekstin ensimmäinen rivi on yläreunan kanssa samalla tasalla, muut rivit ovat kuvan alapuolella.

Teksti sijoitettu kuvan vierelle ALIGN-attribuutilla left. Tällöin kuvan vierellä oleva teksti kiertää kuvaa oikealtapuolelta.

Teksti sijoitettu kuvan vierelle ALIGN-attribuutilla right. Tällöin kuvan vierellä oleva teksti kiertää kuvaa vasemmalta puolelta.

Huomaa, että sekä left- ja right keskityksessä ensin sijoitetaan IMG elementti ja sitten kiertävä teksti.

Mikäli tekstin kierrätyksen haluaa lopettaa, sijoitetaan lopetuskohtaan <BR CLEAR="keskitystapa">

Teksti sijoitettu kuvan vierelle ALIGN-attribuutilla left. Tällöin kuvan vierellä oleva teksti kiertää kuvaa oikealtapuolelta. Tämä lauseen jälkeen kierrätys on lopetettu <BR CLEAR="left"> elementillä.
Jolloin tämä rivi tulee kuvan alapuolelle.

Teksti sijoitettu kuvan vierelle ALIGN-attribuutilla right. Tällöin kuvan vierellä oleva teksti kiertää kuvaa oikealtapuolelta. Tämä lauseen jälkeen kierrätys on lopetettu <BR CLEAR="right"> elementillä.
Jolloin tämä rivi tulee kuvan alapuolelle. Varsinkin isoille kuville kannattaa keskitys lopettaa, muuten sivun ulkoasu voi tuottaa yllätyksiä suuremmilla näytöillä.

Pitäisi olla aika hyvä näkö, mutta vieressä on vasemmalla sama kuva kuin edellisissä esimerkeissä. Kuvan koko on pienennetty Height ja Width -attribuuteilla kokoon 10 x 10 pikseliä

Nyt riittää normaalikin näkö ;-)
Kuvan kokoa on suurennettu kokoon 120 x 120 pikseliä. Kuvan laatu alkaa heikentymään, koska kuvaan ei muodostu uusia pikseleitä, vain se näyttökokoa on suurennettu.

Tässä kuvalle on määritelty reunuksen paksuudeksi BORDER-attribuutilla 10 pikseliä