To align (or "float") an image within an article, you can do it one of two ways:


Approach #1, using the web site styling (Preferred method)

This uses the styling set by your web developer to control how the image will align to the rest of the content. This preferred and a better approach.


1.) After inserting an image into the content, click on the image to select it. In this example, we will align the image to the left.


2.) On the editor tool bar, select Formats->image-align-left



3.) The image now has the specific styling applied to float the image to the left with extra margins and padding to make the image appear well in the article.


4.)  Save the Article. Done.

Note: These instructions are using the stylings as set by JSN. This may not be applicable in other situations.

Approach #2: Using Basic HTML alignment

This is the basic and sort-of "word processor" approach to aligning something on a page.


1.) After inserting an image into the content, click on the image to select it. In this example, we will align the image to the left.



2.) On the editor toolbar, click the "Left Align" button just like a lot of word processors. (Notice there is are also 'centering' and 'right-align' buttons as well.)



3.) The image is now aligned to the left.  Notice how the copy pushes up against the edge of the image which is characteristic of using standard HTML alignments.


4.) Save the article. Done.