How to Wrap Text to the Right of an Image in HTML
HTML provides a way for you to wrap images with their descriptions or associated text. Use this method instead of image over text stacking, to create a space efficient page and provide an eye-pleasing layout. The "<img>" tag that you use to display the image has several attributes you can include to wrap text to the right of an HTML image.
Instructions
-
-
1
Open the HTML file that contains the image, and locate the "<img>" tag.
-
2
Insert the "align" attribute with a value of "left" to place the image to the right. For instance, "<img align="left" />." This will cause any text following to wrap to the right of your image.
-
-
3
Insert the "hspace" and "vspace" attributes to indicate respectively, the horizontal and vertical space around the image. For instance, "<img align="left" hspace="12" vspace="12" />." This will create a 12-pixel space between your image and the wrapping text.
-
1
- Photo Credit Jupiterimages/Brand X Pictures/Getty Images