Float and Clear Revisited
The following are examples of float and clear used together. Each example is contained within a maroon box and followed by two BR tags and a navy rule. Look here for more float and clear examples.
This copy is a paragraph set to clear:left. It follows the image in the document. The image is set to float:right.
This copy is a paragraph set to clear:left. It precedes the image in the document. The image is set to float:right.
This copy is a paragraph set to clear:right. It follows the image in the document. The image is set to float:right.
This copy is a paragraph set to clear:right. It precedes the image in the document. The image is set to float:right.
This copy is a paragraph set to clear:right. It follows the image in the document. The image is set to float:left.
This copy is a paragraph set to clear:right. It precedes the image in the document. The image is set to float:left.
This copy is a paragraph set to clear:left. It follows the image in the document. The image is set to float:left.
This copy is a paragraph set to clear:left. It precedes the image in the document. The image is set to float:left.
This copy is a paragraph set to float:left. It follows the image in the document. The image is set to clear:right.
This copy is a paragraph set to float:left. It precedes the image in the document. The image is set to clear:right.
This copy is a paragraph set to float:right. It follows the image in the document. The image is set to clear:right.
This copy is a paragraph set to float:right. It precedes the image in the document. The image is set to clear:right.
This copy is a paragraph set to float:right. It follows the image in the document. The image is set to clear:left.
This copy is a paragraph set to float:right. It precedes the image in the document. The image is set to clear:left.
This copy is a paragraph set to float:left. It follows the image in the document. The image is set to clear:left.
This copy is a paragraph set to float:left. It precedes the image in the document. The image is set to clear:left.
This copy is a paragraph set to float:left. It precedes the image in the document. The image is set to clear:left.
This copy is a paragraph set to float:right. It precedes the image in the document. The image is set to clear:left.
This copy is a paragraph set to float:left. It follows the image in the document. The image is set to clear:left.
This copy is a paragraph set to float:right. It follows the image in the document. The image is set to clear:left.
This copy is a paragraph set to float:left. It follows the image in the document. The image is set to clear:left.
This copy is a paragraph set to float:left. It follows the image in the document. The image is set to clear:left.
This copy is a paragraph set to float:left. It follows the image in the document. The image is set to clear:left.
This copy is a paragraph set to float:right. It follows the image in the document. The image is set to clear:left.
This copy is a paragraph set to float:left. It follows the image in the document. The image is set to clear:right.
This copy is a paragraph set to float:right. It follows the image in the document. The image is set to clear:right.
This copy is a paragraph set to float:left. It precedes the image in the document. The image is set to clear:right.
This copy is a paragraph set to float:right. It precedes the image in the document. The image is set to clear:right.
This copy is a paragraph set to float:right. It precedes the image in the document. The image is set to clear:right.
This copy is a paragraph set to float:right. It precedes the image in the document. The image is set to clear:right.
This copy is a paragraph set to float:right. It precedes the image in the document. The image is set to clear:right.
This copy is a paragraph set to float:right. It follows the image in the document. The image is set to clear:right.
This copy is a paragraph set to float:left. It precedes the image in the document. The image is set to clear:right.
This copy is a paragraph set to float:right. It follows the image in the document. The image is set to clear:right.
This copy is a paragraph set to float:left. It precedes the image in the document. The image is set to clear:right.
This copy is a paragraph set to float:left. It follows the image in the document. The image is set to clear:right.
This copy is a paragraph set to float:right. It precedes the image in the document. The image is set to clear:left.
This copy is a paragraph set to float:right. It follows the image in the document. The image is set to clear:left.
This copy is a paragraph set to float:right. It precedes the image in the document. The image is set to clear:left.
This copy is a paragraph set to float:right. It follows the image in the document. The image is set to clear:left.
This copy is a paragraph set to float:right. It precedes the image in the document. The image is set to clear:both.
This copy is a paragraph set to float:right. It follows the image in the document. The image is set to clear:both.
This copy is a paragraph set to float:left. It precedes the image in the document. The image is set to clear:both.
This copy is a paragraph set to float:right. It follows the image in the document. The image is set to clear:both.
This copy is a paragraph set to float:left. It precedes the image in the document. The image is set to clear:none.
This copy is a paragraph set to float:right. It follows the image in the document. The image is set to clear:none.
This copy is a paragraph set to float:right. It is between two images set to clear:none.
This copy is a paragraph set to float:left. It is between two images set to clear:none.
This copy is a paragraph set to float:right. It is between two images set to clear:both.
This copy is a paragraph set to float:left. It is between two images set to clear:both.
This copy is a paragraph set to float:left. It is between two images one set to clear:left and one set to clear:both.
This copy is a paragraph set to float:left. It is between two images set to clear:right.
This copy is a paragraph set to float:right. It is between two images set to clear:left.
This copy is a paragraph set to clear:left. It is between two images set to float:right.
This copy is a paragraph set to clear:none. It is between two images set to float:right and float:left.
This copy is a paragraph set to clear:both. It is between two images set to float:right and float:left.
This copy is a paragraph set to clear:right. It is between two images set to float:right and float:left.
This copy is a paragraph set to clear:left. It is between two images set to float:right and float:left.