Set ‘Hyphens’ to manual in CSS to prevent word breaks

enter image description here

I’ve tried everything that I know and found online but I don’t seem to be successful.

In some sections of my side the words get broken up.

As you can see in the picture my css splits the word “selectiebureau” this should stay 1 word.

When I inspect my site I can see the following.

`body {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 1.5;
    margin: 0;
    background: #fff;

When I “turn-off” the “hypens:auto” than I get the result that I want.
But, when I remove the “hyphens: auto” in my CSS than I don’t get the result anymore.

For your information, I cleared the cache of my site after I changed my CSS.

Any suggestions how I need to correct this in my CSS?

You can find the website on

Read more here: Set ‘Hyphens’ to manual in CSS to prevent word breaks

Leave a Reply

Your email address will not be published. Required fields are marked *