CSS3 Text Shadow

CSS3 Text Shadow

In CSS3, the text-shadow property applies shadow to text.



You specify the horizontal shadow, the vertical shadow, the blur distance, and the color of the shadow:

Example
Add a shadow to a header:
h1 {
    text-shadow: 5px 5px 5px #FF0000;
}

CSS3 Word Wrapping

If a word is too long to fit within an area, it expands outside:

This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.

In CSS3, the word-wrap property allows you to force the text to wrap - even if it means splitting it in the middle of a word:

This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.

The CSS code is as follows:

Example
Allow long words to be able to break and wrap onto the next line:
p {
    word-wrap: break-word;
}

Thanks

from pos" longdesc="6" />