How do I align an image in relation to text and add space between the image and the text?

When you are working with images in any of the content editors of the system and click on the "Insert/Edit Image" Icon, you can edit the "Appearance" of the image.  This is how you can control/edit the spacing that is between the image and the text. When you click on the "Insert/edit image" icon, a box will appear for you to select and insert the image. At the top of this insert/edit image box there are 2 tabs:

1. General

2. Advanced

The General tab displays automatically when you click on the icon, is where you choose the image you wish to insert.  The second tab, "Advanced", is where you can control the positioning of the text in relationship to the image and the spacing of the text from the image.  You'll see the two sections labeled "Vertical" and "Horizontal space". Inserting a number will determine the amount of space (in pixels) that is placed around the image, so that the text does not touch it.