RichInStyle.com test pages: positioning - inline floats

Case 1 - floating image

The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?

Case 2 - interaction of floating image with subsequent block elements

Text.

This text should continue to flow around the image in an attractive manner. This text should continue to flow around the image in an attractive manner. This text should continue to flow around the image in an attractive manner. This text should continue to flow around the image in an attractive manner. This text should continue to flow around the image in an attractive manner. This text should continue to flow around the image in an attractive manner. This text should continue to flow around the image in an attractive manner. This text should continue to flow around the image in an attractive manner.

Case 3 - floating image with following element to its left

Text.

This text should flow around the image - text should flow around with some to the image's left and some to its right - effectively two lines, one on each side of the image. This text should flow around the image - text should flow around with some to the image's left and some to its right - effectively two lines, one on each side of the image. This text should flow around the image - text should flow around with some to the image's left and some to its right - effectively two lines, one on each side of the image. This text should flow around the image - text should flow around with some to the image's left and some to its right - effectively two lines, one on each side of the image. This text should flow around the image - text should flow around with some to the image's left and some to its right - effectively two lines, one on each side of the image. This text should flow around the image - text should flow around with some to the image's left and some to its right - effectively two lines, one on each side of the image.

Case 4 - right-floated image with following element to its right

Text.

This text should flow around the image - text should flow around with some to the image's left and some to its right - effectively two lines, one on each side of the image. This text should flow around the image - text should flow around with some to the image's left and some to its right - effectively two lines, one on each side of the image. This text should flow around the image - text should flow around with some to the image's left and some to its right - effectively two lines, one on each side of the image. This text should flow around the image - text should flow around with some to the image's left and some to its right - effectively two lines, one on each side of the image. This text should flow around the image - text should flow around with some to the image's left and some to its right - effectively two lines, one on each side of the image. This text should flow around the image - text should flow around with some to the image's left and some to its right - effectively two lines, one on each side of the image.

Copyright © RichInStyle.com 2000; all rights reserved. See copyright document for terms of use. Please visit Bukit Lawang flood appeal.