Positioning
images
When working with
images on the Web, it is important to understand that images
are aligned relative to the text next to which they are placed.
That is, an image can be aligned relative to the baseline,
middle, or top of text as shown in the following examples:
Baseline alignment
Middle alignment
Top alignment
In addition, an
image can “float” along the left or right of the box element
in which it is placed. In other words, if you put an image
inside a table cell, in a paragraph or simply inside the body
of your document, it can float to either the right or left
edge of it's containing box. The examples below are images
inside of paragraph elements.
|
 This
image has an alignment value of "left." That
means that the browser will fit as much text in the
window as possible while leaving room for the image
and will align the image to the left of the associated
text as shown here.
 This
image has an alignment value of "right." That
means that the browser will fit as much text in the
window as possible while leaving room for the image
and will align the image to the right of the associated
text as shown here.
|
To change the alignment
of text in relation to an image:
- Select the image.
- Choose the desired
alignment from the Align field by clicking on the
to reveal the pop-up menu) in the Property Inspector.
|
