float

I am almost there, just a little more time to figure it out. I have all the images in an absolute position, and the text breaking around the images, no matter what screen resolution. It only works properly if someone is not viewing in another font size, then the text will hide behind the image.

I read that what needs to be done is float the image(s) in a div tag and manually place it in the text, like so:

"For example, if you need an ad floated to the right of the screen, about halfway down in your editable text, you have to have something like so:

text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here.

image here

text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here.

So you'd have to manually place the ads wherever you want them to appear. Otherwise, they'll just be at the top and bottom of the paragraphs, and then the paragraphs will wrap around them. But no, it'll make the text as editable as ever. All the float does is cause the element in question to go where you want and have stuff wrap around it".