CSS hyphens

Previous Next

Demo of the different values of the hyphens property.

Click the property values below to see the result:

hyphens: none;
hyphens: manual;
hyphens: auto;
A very­very­very long word.

In the code, the text is written like this:

A very­very­very long word.
A very­very­very long word.

In the code, the text is written like this:

A very­very­very long word.
A very­very­very long word.

In the code, the text is written like this:

A very­very­very long word.

Play more with the code in our Tryit yourself editor: Try it Yourself ❯