Keskustelu: Nettisivujen teko: Kuvaa kiertävä teksti

Miten CSS:llä tehdään kuvaa kiertävä teksti ja divi? Tuosta nyt ei saa mitään selvää, mutta haluaisin seuraavannäköisen divin, jossa K-alue on kuvaa ja T-alue tekstiä.

TTTTTTKKK
TTTTTTKKK
TTTTTTKKK
TTTTTTTTT
TTTTTTTTT
TTTTTTTTT

Laita kuva (img) HTML:ään ennen tekstiä (p) ja kuvalle CSS-määre float: right.

Voisi tehdä jopa HTML:lläkin, img-elementissä align="right" (ja kuva siis ennen tekstiä), mutta CSS:n käyttö on periaatteessa suositeltavampaa.

Kannattaa huomata, että kuvan ja tekstin väliin ei oletusarvoisesti tule mitään ylimääräistä tyhjää, joten teksti saattaa mennä ihan kuvaan kiinni. Kuvalle kannattaa siksi asettaa lisäksi esimerkiksi
margin-left: 0.5em;
margin-bottom: 0.2em;