Don’t be shy, let’s try using ­

Photo by Joshua Eckstein on Unsplash
Because the headline does not wrap, it protrudes beyond the visible area.
h1 {
word-break: break-word;
}
Actually, the “word-break” works but it doesn’t look nice
h1 {
word-break: break-word;
hyphens: auto;
}
The “hyphens: auto” property let’s the word break automatically depending on the defined HTML lang attribute
<h1>Datenschutz&shy;erklärung</h1>
Finally, “&shy;” did the trick!

--

--

--

Bachelor of Computer Science & Software Architect with a weakness for perfection and the awareness of human imperfection. Passionate mountain biker 🤘

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Limitless Efforts

Securing Serverless Applications

Use FATE Client to Build Jobs in Jupyter Notebook

Simulate the life with cats using my programming skills

BigchainDB — The new blockchain database?

Deploy Your Kubernetes Cluster Application Directly From GitLab CI to Google Kubernetes Engine(GKE)

Introduction of Multi-Address Payment function provided by BTC.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Martin Schindler

Martin Schindler

Bachelor of Computer Science & Software Architect with a weakness for perfection and the awareness of human imperfection. Passionate mountain biker 🤘

More from Medium

How to Code Your Own Dino-Game:

Top CSS Code vs Real Pic Challenge

HTML Basics - Linking Documents

Picking Fonts

Sephora Website Cloning