Hi,
The vertical-align property may be used to alter the vertical positioning of an inline element, relative to its parent element or to the element's line. (An inline element is one which has no line break before and after it, for example, EM, A, and IMG in HTML.)
The value may be a percentage relative to the element's line-height property, which would raise the element's baseline the specified amount above the parent's baseline. Negative values are permitted.
The value may also be a keyword. The following keywords affect the positioning relative to the parent element:
- baseline (align baselines of element and parent)
- middle (align vertical midpoint of element with baseline plus half the x-height--the height of the letter "x"--of the parent)
- sub (subscript)
- super (superscript)
- text-top (align tops of element and parent's font)
- text-bottom (align bottoms of element and parent's font)
- The vertical-align property is particularly useful for aligning images. Some examples follow:
- IMG.middle { vertical-align: middle }
IMG { vertical-align: 50% }
.exponent { vertical-align: super }
|
