HTML CSS Tutorial CSS Text Style

First Letter

  1. Set font size and color for 'first-letter' in HTML and CSS

First Line

  1. Set font size and color for 'first-line' in a paragraph in HTML and CSS

Indent

  1. Set negative text indent for list item in HTML and CSS
  2. Set paragraph to text-indent 3em in HTML and CSS
  3. Set text-indent to 10% in HTML and CSS
  4. Set text-indent to -25px in HTML and CSS
  5. Set text-indent to 25% in HTML and CSS
  6. Set text-indent to -5% in HTML and CSS
  7. Use margin to indent paragraph in HTML and CSS

Letter Space

  1. Set letter-spacing to 10px; in HTML and CSS
  2. Set letter-spacing to 2px in HTML and CSS
  3. Set letter-spacing to negative value in HTML and CSS
  4. Set letter-spacing to normal in HTML and CSS

Line Height

  1. Compare line-height:normal, 18px, 1.5em, 1.9ex; in HTML and CSS
  2. Compare line height settings in HTML and CSS
  3. Set font-size and line-height in HTML and CSS
  4. Set line height for a paragraph in HTML and CSS
  5. Set line height to 1em in HTML and CSS
  6. Set line-height to 1.4em in HTML and CSS
  7. Set line height to 3em in HTML and CSS
  8. Set line-height to 75% in HTML and CSS
  9. Set line height with various measurements in HTML and CSS
  10. Set paragraph line-height to 150% in HTML and CSS

Text Align

  1. Compare text-align all possible values in HTML and CSS
  2. Set text-align to center in HTML and CSS
  3. Set text-align to justify in HTML and CSS
  4. Set text align to justify to paragraph in HTML and CSS
  5. Set text-align to left in HTML and CSS
  6. Set text-align to right in HTML and CSS

Text Decoration

  1. Compare text-decoration in HTML and CSS
  2. Set text-decoration to line-through in HTML and CSS
  3. Set text-decoration to none for visited anchor in HTML and CSS
  4. Set text-decoration to overline in HTML and CSS
  5. Set text-decoration to underline in HTML and CSS
  6. Set text-decoration to underline overline in HTML and CSS
  7. Set text-decoration to underline overline line-through in HTML and CSS

Text Transform

  1. Compare text-transform in HTML and CSS
  2. Set text-transform to capitalize in HTML and CSS
  3. Set text-transform to lowercase in HTML and CSS
  4. Set text-transform to uppercase in HTML and CSS

Vertical Align

  1. Compare all vertical-align settings in HTML and CSS
  2. Compare vertical-align possible values in HTML and CSS
  3. Compare vertical align values in HTML and CSS
  4. Set vertical align for table cells in HTML and CSS
  5. Set vertical-align to 300% in HTML and CSS
  6. Set vertical-align to 69px in HTML and CSS
  7. Set vertical-align to baseline in HTML and CSS
  8. Set vertical align to bottom in HTML and CSS
  9. Set vertical-align to middle in HTML and CSS
  10. Set vertical-align to sub in HTML and CSS
  11. Set vertical-align to super in HTML and CSS
  12. Set vertical-align to text-bottom in HTML and CSS
  13. Set vertical-align to text-top in HTML and CSS
  14. Set vertical-align to top in HTML and CSS

White Space

  1. Set white-space to normal in HTML and CSS
  2. Set white-space to nowrap in HTML and CSS
  3. Set white-space to pre in HTML and CSS

Word Space

  1. Set word-spacing to 10px in HTML and CSS
  2. Set word-spacing to 3em; in HTML and CSS
  3. Set word-spacing to -5px in HTML and CSS
  4. Set word-spacing to normal in HTML and CSS
Home »
  HTML CSS Tutorial »
    Text »
      CSS Text Style
HTML CSS Tutorial CSS Text Style
Set font size and color for 'first-letter' ...
Set font size and color for 'first-line' in...
Set negative text indent for list item in H...
Set paragraph to text-indent 3em in HTML an...
Set text-indent to 10% in HTML and CSS
Set text-indent to -25px in HTML and CSS
Set text-indent to 25% in HTML and CSS
Set text-indent to -5% in HTML and CSS
Use margin to indent paragraph in HTML and ...
Set letter-spacing to 10px; in HTML and CSS
Set letter-spacing to 2px in HTML and CSS
Set letter-spacing to negative value in HTM...
Set letter-spacing to normal in HTML and CS...
Compare line-height:normal, 18px, 1.5em, 1....
Compare line height settings in HTML and CS...
Set font-size and line-height in HTML and C...
Set line height for a paragraph in HTML and...
Set line height to 1em in HTML and CSS
Set line-height to 1.4em in HTML and CSS
Set line height to 3em in HTML and CSS
Set line-height to 75% in HTML and CSS
Set line height with various measurements i...
Set paragraph line-height to 150% in HTML a...
Compare text-align all possible values in H...
Set text-align to center in HTML and CSS
Set text-align to justify in HTML and CSS
Set text align to justify to paragraph in H...
Set text-align to left in HTML and CSS
Set text-align to right in HTML and CSS
Compare text-decoration in HTML and CSS
Set text-decoration to line-through in HTML...
Set text-decoration to none for visited anc...
Set text-decoration to overline in HTML and...
Set text-decoration to underline in HTML an...
Set text-decoration to underline overline i...
Set text-decoration to underline overline l...
Compare text-transform in HTML and CSS
Set text-transform to capitalize in HTML an...
...