CSS Text Effects

CSS contains several properties for special text effects.

The text-overflow property specifies how overflowed content that is not displayed should be signaled to the user.

This is some long text that will not fit in the box

The word-wrap property allows long words to be able to be broken and wrap onto the next line.

This paragraph contains a very long word: supercalifragilisticexpialidocious.

The writing-mode property specifies whether lines of text are laid out horizontally or vertically.

Some vertical text

Example

p.test {
  white-space: nowrap; 
  width: 200px; 
  overflow: hidden;
  text-overflow: ellipsis; 
}