Alignment properties give you several different ways to alter the appearance of text.  Either by raising it, lowering it, indenting it, spreading it out, centering it, etc.  You can manipulate these values to get the perfect look on your webpage.

The text-indent property

 

The Indentation box alters the text-indent property.  It will specify, in either pixels or in percentages, the distance from the left border the first line of text will begin.

The line-height property

 

This property will determine the distance between the lines in a paragraph of text.

The word-spacing and letter-spacing properties

 

These values determine the additional length, if any, of the blank space between words and letters.

The vertical-align property

 

This property effects how the text is aligned with it's adjacent element.  For example, a line of text were beside an image.  The value is set by percentage or one of the following properties:

 

Baseline - Alignment is normal.  This is the default value.

 

Bottom - Aligned to the bottom of the lowest element on the line.

 

Middle - Aligned at the midpoint.

 

Sub - Subscripts the element

 

Super - Superscripts the element

 

Text Bottom - Aligns the bottom of the font with the lowest element on the line.

 

Text Top - Aligns the top of the font with the highest element on the line.

 

Top - Aligned to the highest mark on the line.

The text-align, clear, and float properties

 

Horizontal Alignment:  Refers to the position of the text (text-align) in left and right terms.  The text can be all aligned left, all aligned right, centered, or justified.  

 

Float:  This property will align the element to the left or right of the Parent HTML Tag.

 

Clear:  Determines if an element will allow another element Float on either side of it.

 

Other Properties:

  Font Designer 

  Color and Background 

  Margins 

  Padding 

  Borders