MENU
Alignment
text-align
:left: aligns the text to the left.
:right: aligns the text to the right.
:center: aligns the text to the center.
:justify: stretches each line to have equal width.
text-justify (when text-align:justify)
:inter-word: adjusts the space between words.
:inter-character: adjusts the space between letters.
:none: disables the justification.
vertical-align(for <img> and text in <table>)
:baseline: aligns the baseline with the parent.
:sub: aligns the text as a subscript.
:super: aligns the text as a superscript.
:top: aligns the top with the tallest element.
:text-top: aligns the top with the parent's font.
:middle: aligns with the middle of the parent.
:bottom: aligns the bottom with the lowest element.
:text-bottom: aligns the bottom with the parent's font.
:-3px: lowers an element by 3px.
:10%: raises an element by 10% the line-height.
RESETRUNFULL
<!DOCTYPE html><html><body>
<img src="/shared/puppy.jpg" width="100" height="100" style="vertical-align:middle"/>
Text along the middle line.
</body></html>
text-align-last
:left: aligns the last line to the left.
:right: aligns the last line to the right.
:center: aligns the last line to the center.
:justify: stretches the last line to both edges.
:start: left-aligns if 'direction' is ltr, right-aligns otherwise.
:end: right-aligns if 'direction' is ltr, left-aligns otherwise.