CSS overflow-wrap property.

Text Overflow Wrap
Overflow-wrap property is using the break the work to the next line. If you have large word it contains more characters without space you can use the overflow-wrap property to break the word.

For example: If you have div and its width will be 200px and you have a word like more than 100 characters. Normally not have that much big character word. But you have developed the application you want to show the word like any ID, MDM5 value or URL it will big word and it will not have space in the word. That time you will not accommodate that big word into the 200px width. Normally their no space in the word means it will not come to the next line when it will reach the end of the div. The word will overflow that time you can use the overflow-wrap.

See the example you can understand.

With out overflow-wrap:

<div class="overflow">
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting
        industry.https://www.google.com/search?source=hp&ei=KTSuW8fQJdSw9QPN8KXICA&q=gokul&oq=gokul&gs_l=psy-ab.3..0i131k1j0l7j0i131k1j0.1762.2195.0.2872.5.5.0.0.0.0.116.448.4j1.5.0....0...1c.1.64.psy-ab..0.5.448....0.bGjb0riW0Os</p>
</div>
.overflow {
   width: 200px;
   border: 4px solid #ff0000;
   margin-bottom: 20px;
}

Lorem Ipsum is simply dummy text of the printing and typesetting
industry.https://www.google.com/search?source=hp&ei=KTSuW8fQJdSw9QPN8KXICA&q=gokul&oq=gokul&gs_l=psy-ab.3..0i131k1j0l7j0i131k1j0.1762.2195.0.2872.5.5.0.0.0.0.116.448.4j1.5.0....0...1c.1.64.psy-ab..0.5.448....0.bGjb0riW0Os


With overflow-wrap:
<div class="overflow-wrap">
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting
        industry.https://www.google.com/search?source=hp&ei=KTSuW8fQJdSw9QPN8KXICA&q=gokul&oq=gokul&gs_l=psy-ab.3..0i131k1j0l7j0i131k1j0.1762.2195.0.2872.5.5.0.0.0.0.116.448.4j1.5.0....0...1c.1.64.psy-ab..0.5.448....0.bGjb0riW0Os</p>
</div>
<style>
.overflow-wrap {
    width: 200px;
    border: 4px solid #ff0000;
    overflow-wrap: break-word;
}

Lorem Ipsum is simply dummy text of the printing and typesetting
industry.https://www.google.com/search?source=hp&ei=KTSuW8fQJdSw9QPN8KXICA&q=gokul&oq=gokul&gs_l=psy-ab.3..0i131k1j0l7j0i131k1j0.1762.2195.0.2872.5.5.0.0.0.0.116.448.4j1.5.0....0...1c.1.64.psy-ab..0.5.448....0.bGjb0riW0Os



Feature Chrome Firefox IE Opera Safari
Basic support Yes 49+ 12 Yes Yes
Copyright Labw3