Wrap Text in the HTML code

You may also wrap text around an image by adding an alignment component to the IMG tag in the HTML window.

To wrap text around an image by altering the HTML code:

  1. Insert your image in the WYSIWYG content editor window.

  2. Type a paragraph of text into the WYSIWYG content editor below the image.

  3. Click , Edit HTML Source.

  4. To align a paragraph of text such that the text closely hugs an image to its RIGHT, use the following code:

    5. <p align=right>Paragraph text.</p>

  5. To align a paragraph of text such that the text closely hugs an image to its LEFT, use the following code:

    6. <p align=left>Paragraph text.</p>

  6. To place more space between the edge of an image and the block of text, use the following code::

    7. <IMG src="http://www.website.org/imagepath.gif" align=left border=10px>

  7. (Optional) Increase the number of pixels (px) to increase the spacing.

  8. Click Update to return to the previous view. Your text should now appear beside your image.