Setting an image’s alignment

By default, the bottom of an inline images is aligned with the bottom of the line of content it is on. However, you can specify a different vertical alignment; for example, you can align the top of the image with the top of the line. Alternatively, you can specify that the image be forced to left or right side of the paragraph it is in and that other content after the image “flow” around it. Examples of each of the alignment options are shown below.

Default

Top

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam mi Namo Web Editor 4.image.align.1 Setting an images alignment est, sollicitudin sed, malesuada in, adipiscing a, purus que. Suspendisse id lacus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam mi Namo Web Editor 4.image.align.1 Setting an images alignment est, sollicitudin sed, malesuada in, adipiscing a, purus que. Suspendisse id lacus.

Middle

Baseline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam mi Namo Web Editor 4.image.align.1 Setting an images alignment est, sollicitudin sed, malesuada in, adipiscing a, purus que. Suspendisse id lacus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam mi Namo Web Editor 4.image.align.1 Setting an images alignment est, sollicitudin sed, malesuada in, adipiscing a, purus que. Suspendisse id lacus.

Bottom

Top of Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam mi Namo Web Editor 4.image.align.1 Setting an images alignment est, sollicitudin sed, malesuada in, adipiscing a, purus que. Suspendisse id lacus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam mi Namo Web Editor 4.image.align.1 Setting an images alignment est, sollicitudin sed, malesuada in, adipiscing a, purus que. Suspendisse id lacus.

Left

Right

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam mi Namo Web Editor 4.image.align.1 Setting an images alignment est, sollicitudin sed, malesuada in, adipiscing a, purus que. Suspendisse id lacus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam mi Namo Web Editor 4.image.align.1 Setting an images alignment est, sollicitudin sed, malesuada in, adipiscing a, purus que. Suspendisse id lacus.

Absolute Middle

Absolute Bottom

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam mi Namo Web Editor 4.image.align.1 Setting an images alignment est, sollicitudin sed, malesuada in, adipiscing a, purus que. Suspendisse id lacus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam mi Namo Web Editor 4.image.align.1 Setting an images alignment est, sollicitudin sed, malesuada in, adipiscing a, purus que. Suspendisse id lacus.

To set an image’s alignment
  1. Double-click the desired image.
  2. Click the Alignment box and select the desired alignment option.

Setting an image’s alignment