Ina Code Blog

bunch of code in one place
« CSS tutorial - part 3: fonts
Joomla! 1.5 Stable is out »


Jan
9

CSS tutorial - part 4: text

Posted by admin in css, Tutorial

Adding layout to text on webpage is very important and useful. Here are text properties that will help you layout and style text on your website.

  • The ‘text-indent‘ property applys an indent to the first line of the paragraph.

    p {
      text-indent:20px;
    }

  • The ‘text-align‘ property sets text alignment. You can align text to left, right, center or justify.

    h1 {
      text-align: center;
    }

  • The ‘text-decorationPropecia buy property sets different decorations to text. You can undeline it, have line trough or above it.

    p {
      text-decoration: line-through;
    }
    h1 {
      text-decoration: underline;
    }

  • The ‘letter-spacing‘ property sets the space between text characters.

    p {
      letter-spacing: 2px;
    }

  • The ‘text-transform‘ property defines the capitalization of a text. You can use capitalize (first letter of each word), uppercase (all letters), lowercase (all letters) or none (no transformation).

    h1 {
      text-transform: uppercase;
    }

Applying layout and cialis free offer style to text - checked.

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Leave a Reply

Comment