1.5 KiB
1.5 KiB
title |
---|
Vertical Align CSS |
Vertical-Align
vertical-align
is a CSS property used to vertically align an image.
For example, you can use vertical-align
like this to align an image:
img {
vertical-align: top;
}
These are the valid values for vertical-align
:
baseline
- This is the default value. It aligns the element to the baseline of the parent elementlength
- This alligns the baseline of this element at a given length above or below the baseline of the parent. You can use pixals, em, %, etc.sub
- This aligns the element as if it were the subscript of the parent elementsuper
- This aligns the element as if it were the superscript of the parent elementtop
- This aligns the element so that the top of this element is in align with the top of the tallest element on the linebottom
- This aligns the element so that the bottom of this element is in align with the bottom of the lowest element on the linemiddle
- This aligns the element so that it is in the middle of the parent elementtext=top
- This aligns the top of this element so that it is aligned with the top of the parent element's toptext-bottom
- This aligns the bottom of this element so that it is aligned with the bottom of the parent element's text