CSS Text Display

Control Your Text With CSS

You can control all aspects of your web pages text with css, from basic formating (bold, italic, underline) to transforming the text into lower/upper case, color changes, word spacing, font size and font family.

Css Code:

p {
  color : #FE3309;
  text-align : justify;
  font-variant : small-caps;
  text-indent : 5px;
}

h1 {
  color : #0000DF;
  font-size : 1.1em;
}

HTML Code:

<h1>Helicopter Tail Rotors</h1>
<p>
	The tail rotor on helicopters is designed to counter-act 
	the torque effect of the engine. Without the tail rotor 
	the helicopter would spin uncontrollably in the opposite 
	direction of the rotor-blade direct of rotation. Tail rotor 
	pedals are used to increase/decrease the thrust created by 
	the tail rotor, therefore giving the pilot control about 
	the yaw axis.
</p>

Browser Display:

Helicopter Tail Rotors

The tail rotor on helicopters is designed to counter-act the torque effect of the engine. Without the tail rotor the helicopter would spin uncontrollably in the opposite direction of the rotor-blade direct of rotation. Tail rotor pedals are used to increase/decrease the thrust created by the tail rotor, therefore giving the pilot control about the yaw axis.

There are numerous text display properties in css that you can use to style you html pages. Check out our CSS Properties List to review more of them.

CSS Tutorials