Align an image
You can align an image to text, another image, a plug‑in, or other elements in the same line. You can also set the horizontal alignment of an image.
- Select the image in Design view.
-
Set the alignment attributes of the image
in the Property inspector with the Align popup menu.
You can set the alignment in relation to other elements in the same paragraph or line.
Note: HTML does not provide a way to wrap text around the contours of an image, as you can with some word processing applications.The alignment options are as follows:
- Default
- Specifies a baseline alignment. (The default may vary depending on the site visitor’s browser.)
- Baseline and Bottom
- Align the baseline of the text (or other element in the same paragraph) to the bottom of the selected object.
- Top
- Aligns the top of an image to the top of the tallest item (image or text) in the current line.
- Middle
- Aligns the middle of the image with the baseline of the current line.
- Text Top
- Aligns the top of the image with the top of the tallest character in the text line.
- Absolute Middle
- Aligns the middle of the image with the middle of the text in the current line.
- Absolute Bottom
- Aligns the bottom of the image with the bottom of the line of text (which includes descenders, as in the letter g).
- Left
- Places the selected image on the left margin, wrapping text around it to the right. If left‑aligned text precedes the object on the line, it generally forces left-aligned objects to wrap to a new line.
- Right
- Places the image on the right margin, wrapping text around the object to the left. If right‑aligned text precedes the object on the line, it generally forces right-aligned objects to wrap to a new line.