Aligning Images

As with text, images can be aligned to the left, middle, or right side of a page. You also have some control over how text wraps around images.

Unless you've explicitly set up some way of laying out pictures and text (such as using CSS to position page elements, or using an invisible table), images appear inline , that is, in the flow of the text on the page. Because images are usually larger than the accompanying text, inline image settings can cause text to wrap in ways you might not expect.

There are four settings in the Property Inspector that you can use for vertical alignment: Default, Bottom, Middle, and Top ( Figure 8.13 ). Two settings control horizontal alignment: Left and Right ( Figure 8.14 ).

Figure 8.13. Clockwise from upper left, this shows the effects of the Default, Bottom, Middle, and Top vertical alignments.

Figure 8.14. The horizontal alignments are Left alignment (left) and Right alignment (right).

Make sure that you don't confuse the image alignment settings and the paragraph alignment settings (Left, Middle, and Right) that are also in the Property Inspector. The former apply to just images, and the latter apply to entire paragraphs.

To set image alignment:

1.	Click to select the image you want to align.
2.	In the Property Inspector, choose the alignment option you want from the Align pop-up menu ( Figure 8.15 ). Figure 8.15. Don't confuse the paragraph alignment and image alignment settings in the Property Inspector. The image aligns as you command.

Tips

• The Property Inspector offers you four other alignment options: Baseline, TextTop, Absolute Middle, and Absolute Bottom. These are obsolete properties that don't work in all browsers. Don't use them.