There is an HTML
<wbr> element that lets the browser know when to add a line break for very long words.
A very long word, such as microminiaturization, can be problematic when it comes to fitting a line of text in a narrow container.
That’s where the
wbr comes from word-break-opportunity.
And yes, microminiaturization is a real word.
Check out this code:
<div> <p>Microminiaturization</p> <p>Micro<wbr>miniaturization</p> </div>
It will result in this output:
All the browsers support the wbr element, and here is the link for the codepen.