Text-Wrapped Image (Float)


From http://www.w3schools.com/css/css_float.asp

With CSS float, an element can be pushed to the left or right, allowing other elements to wrap around it.

Float is very often used for images, but it is also useful when working with layouts. Elements are floated horizontally, this means that an element can only be floated left or right, not up or down. A floated element will move as far to the left or right as it can. Usually this means all the way to the left or right of the containing element. The elements after the floating element will flow around it. The elements before the floating element will not be affected.If an image is floated to the right, a following text flows around it, to the left.

Float

In the paragraph below, the image floats to the left. A border and margins have been added to the image.

In the Shade of the Old Apple Tree

In the days of the Apple IIe
Sixty-four K was plenty for me.
I knew nothing of MIPS as I twiddled those bits,
it was modular coding, you see.

Now we're all using graphical stuff,
Sixty-four K just isn't enough.
So I've out-lived the lives of my old floppy drives,
And have dust on my Apple IIe.

--Artist Unknown