Ungefär som man gör i ett bildbehandlingsprogram.

Jag brukar göra detta med tabeller, det blir aldrig exakt. Men det ser tillräckligt bra ut och det ser framförallt likadant ut i alla webläsare.

Finns det något CSS verktyg för att fritt med musen lägga en bild var man vill i en text och så lägger sig texten snyggt runt om ?

Inte säker på att du kan få texten att flyta på båda sidor om en bild men här är lite exempel på enklare "flytningar".
http://css-tricks.com/all-about-floats/
Vad ska du med musen till förresten?

Om jag fattat det rätt så kan du skapa en div med t.ex float right. Om den yttersta diven har en bredd på 700px och bild-diven 200px så kommer texten i p-taggarna lägga sig till vänster om bilden. När texten sedan har kommit nedanför bilden så sträcker den sig över hela den yttersta diven.

jag brukar ochså lägga en margin-left och en margin-bottom på bild-diven för att få lite "luft" mellan text och bild.

det är bättre att du skapar regler för hur bilder skall te sig i en textmassa med hjälp av float: left|right. Använd med fördel classer för bilderna om de inte skall bete sig på samma sätt. Den metoden beskriven ovan lämpar sig bra om man skall ha bildtext under, annars räcker att man sätter style eller class på bilden själv.

Glöm inte att ha element för att reseta floaten, så det inte blir tokigt om flödestexten blir för kort.