« Links open in new window/tab »

« Links open in new window/tab »

Monitor Page for Changes


It's private by ChangeDetection
Share |
Page copy protected against web site content infringement by Copyscape

Text Wrap Around Images
PayneLess Designs

FLAG

The images are contained within the div tag. This image has been floated to the left, and one below to the right because both types of image floating in this example were used. Notice how the text wraps around the images quite nicely.

FLAG

This second paragraph has an image that is floated to the right. It should be noted that a margin should be added to images so that the text does not get too close to the image. There should always be a few pixels between words and borders, images, and other content.

Code:

FLAG

The images are contained within the div tag. This text will wrap around the image and its description, if it's long enough. It is also contained in a div with a 25% width. Text styling also applied. This div is set to float left with a 2% margin.

Second paragraph can be added here...


FLAG

This text will wrap around the image and its description, if it's long enough.It is also contained in a div with a 25% width. Text styling also applied. This div is set to float right with a 2% margin.

Second paragraph can be added here...


If you have found any services on my site to be beneficial and would like to donate, please feel free to donate ANY amount you want. Thank you very much.

Return to Top

[an error occurred while processing this directive]

Valid XHTML 1.0 StrictValid CSS!

Valid Robots.txt