CSS3 Text

It has following properties:

• text-overflow
• word-wrap
• word-break

CSS3 Text-overflow

Text-overflow property determines how overflowed content that is not displayed is signaled to users. For example:

white-space: nowrap; 
    width: 300px; 
    border: 2px red;
    overflow: hidden;
    text-overflow: ellipsis;
}

Word rap

Word wrapping is used to break the line and wrap onto next line. For example

p.test {
    width: 15em; 
    border: 2px red;
    word-wrap: break-word;
}

Word breaking

Word-break property specifies line breaking rules.

p.test2 {
    width: 150px; 
    border: 2px red;
    word-break: break-all;
}