You are in site section:

Images - content standard width

This is a level 2 heading here

Some text might go here. This div has no class assigned to it. This means that the text displays across two-thirds of the screen to the right of the left-hand side navigation.

This is a second paragraph. Some text might go here. This div has no class assigned to it.

This is some text below an image that has a width of 685px. This is where the text wraps around to show what a paragraph looks like.

In general you insert an image onto a page with the use of an image div. This is particularly the case when you want to have the caption displayed either above of below the image. 

After you have selected the uploaded image you need to enter the size of the width in pixels and then press 'Tab' with Constrain Proportions checked. This will ensure that the correct size of the image is displayed.

Right 250

This is an example of an image with a width of 250px being aligned on the right. The image has been displayed using an image div. In general this is used when no caption needs to be displayed.

Then you click on the div properties icon and select the appropriate class based on the width size in pixels. See the Images - with 480 width content page for examples of images hanging to the left or the right.

Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width.

ClearDiv

To ensure that the image aligns with the text below where the image div has been inserted you need to insert a div with a class of ClearDiv selected.

Right 200

This is an example of an image with a width of 200px being aligned on the right. The image has been displayed using an image div. In general this is used when no caption needs to be displayed.

Then you click on the div properties icon and select the appropriate class based on the width size in pixels. See the Images - with 480 width content page for examples of images hanging to the left or the right.

Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width.


Right 150

This is an example of an image with a width of 150px being aligned on the right. The image has been displayed using an image div. In general this is used when no caption needs to be displayed.

Then you click on the div properties icon and select the appropriate class based on the width size in pixels. See the Images - with 480 width content page for examples of images hanging to the left or the right.

Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width.


Right 100

This is an example of an image with a width of 100px being aligned on the right. The image has been displayed using an image div. In general this is used when no caption needs to be displayed.

Then you click on the div properties icon and select the appropriate class based on the width size in pixels. See the Images - with 480 width content page for examples of images hanging to the left or the right.within a standard text content width.

Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width.

Left 250

Now this is an example of an image with a width of 250px being aligned on the left of the text. The image has been displayed using an image div. In general this is used when no caption needs to be displayed.

Then you click on the div properties icon and select the appropriate class based on the width size in pixels. See the Images - with 480 width content page for examples of images hanging to the left or the right.

Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width.

Left 200

Now this is an example of an image with a width of 200px being aligned on the left of the text. The image has been displayed using an image div. In general this is used when no caption needs to be displayed.

Then you click on the div properties icon and select the appropriate class based on the width size in pixels. See the Images - with 480 width content page for examples of images hanging to the left or the right.

Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width.

Left 150

Now this is an example of an image with a width of 150px being aligned on the left of the text. The image has been displayed using an image div. In general this is used when no caption needs to be displayed.

Then you click on the div properties icon and select the appropriate class based on the width size in pixels. See the Images - with 480 width content page for examples of images hanging to the left or the right.

Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width. Let's see how this works within a standard text content width.

Left 100

Now this is an example of an image with a width of 100px being aligned on the left of the text. The image has been displayed using an image div. In general this is used when no caption needs to be displayed.

Then you click on the div properties icon and select the appropriate class based on the width size in pixels. See the Images - with 480 width content page for examples of images hanging to the left or the right.