Wrapping Text Around an Image
Text Wrap Example:
In many cases you might want to have text wrap around an image on your page in a paragraph. You can have the text align to the left or to the right of the image. The text can not wrap around an image in the center. You can also include spacing using CSS margins and a border using CSS border code. Below on this page is code you can copy and past onto your webpages to have a wrapping text image included in your paragraph. The margins can be set for top, right, bottom and left and can be as much spacing as you would like. Notice in this example the spacing under the image is uneven. You may need to experiment with the size of the image and amount of margin spacing depending on your text size.
Image align:
To have text wrap around an image you will use the HTML image "align" attribute. Place the image code from any example below just before your text that you want to have wrap. You can select and copy the code on this page and paste it into your HTML page. Place an image named "yourimage.jpg" in your "picts" folder.
In many cases you might want to have text wrap around an image on your page in a paragraph. You can have the text align to the left or to the right of the image. The text can not wrap around an image in the center. You can also include spacing using CSS margins and a border using CSS border code. Below on this page is code you can copy and past onto your webpages to have a wrapping text image included in your paragraph. The margins can be set for top, right, bottom and left and can be as much spacing as you would like. Notice in this example the spacing under the image is uneven. You may need to experiment with the size of the image and amount of margin spacing depending on your text size.