Break long url or word using css to prevent overflow of div container

First of all I am not design expert, not a designer but I learnt many thing about design I mean css, html while working with website projects. Something gave me pain when I found a long url is getting outside of a box(div) in google chrome. After a google search I found a solution… need to use word break though it doesn’t support all browser.

See how a long url go outside of a div box

I found a solution
[code language=”css”]
.box{
white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;
}
[/code]

thanks

āϏ⧋āĻ¸ā§āϝāĻžāϞ āĻŽāĻŋāĻĄāĻŋ⧟āĻž āĻĄāĻŋāϜāĻžāχāύ āĻŦāĻž āϏ⧋āĻ¸ā§āϝāĻžāϞ āĻŦā§āϰāĻžāĻ¨ā§āĻĄāĻŋāĻ‚ – āĻ•ā§āϰāĻŋā§Ÿā§‡āϟāĻŋāĻ­ āĻĄāĻŋāϜāĻžāχāύ

āϝāĻžāϰāĻž āϟ⧁āĻ•āϟāĻžāĻ• āĻ—ā§āϰāĻžāĻĢāĻŋāĻ•ā§āϏ⧇āϰ āĻ•āĻžāϜ āϜāĻžāύ⧇āύ āϤāĻžāĻĻ⧇āϰ āϜāĻ¨ā§āϝ āϏ⧋āĻ¸ā§āϝāĻžāϞ āĻŽāĻŋāĻĄāĻŋ⧟āĻž āĻĄāĻŋāϜāĻžāχāύ āĻŦāĻž āϏ⧋āĻ¸ā§āϝāĻžāϞ āĻŦā§āϰāĻžāĻ¨ā§āĻĄāĻŋāĻ‚ āĻāϰ āĻ•āĻžāĻœā§‡āϰ āĻ•āĻŋāϛ⧁ āϏ⧁āϝ⧋āĻ— āφāϛ⧇ āĻŦāĻž āϕ⧇āω āϚāĻžāχāϞ⧇ āĻšā§‡āĻ¸ā§āϟāĻž āĻ•āϰāϤ⧇ āĻĒāĻžāϰ⧇āύāĨ¤
āϝ⧇āĻŽāύāσ
āĻāĻ•āσ āϕ⧋āύ āĻ•āĻŽā§āĻĒāĻžāύ⧀ āĻŦāĻž āĻŦā§āϰāĻžāĻ¨ā§āĻĄā§‡āϰ āĻāϰ āϞ⧋āĻ— āĻāϰ āϏāĻžāĻĨ⧇ āĻŽā§āϝāĻžāϚ āĻ•āϰ⧇ āϟ⧁āχāϟāĻžāϰ āĻāϰ āϜāĻ¨ā§āϝ āĻŦā§āϝāĻžāĻ•āĻ—ā§āϰāĻžāωāĻ¨ā§āĻĄ āĻĄāĻŋāϜāĻžāχāύ, āϟ⧁āχāϟāĻžāϰ āĻāϰ āĻ…āĻ¨ā§āϝāĻžāĻ¨ā§āϝ āĻ•āĻžāϞāĻžāϰ āĻ•āĻŽā§āĻŦāĻŋāύ⧇āĻļāύ āϏ⧇āϟ āĻ•āϰ⧇ āĻĻ⧇āĻ“ā§ŸāĻžāĨ¤

āĻĻ⧁āχāσ āĻāĻ–āύ āĻ…āύ⧇āϕ⧇āχ āĻĢ⧇āϏāĻŦ⧁āϕ⧇āϰ āϟāĻžāχāĻŽāϞāĻžāχāύ⧇āϰ āωāĻĒāϰ⧇ āĻŦ⧜ āĻ›āĻŦāĻŋ āφāϞāĻžāĻĻāĻž āĻ•āϰ⧇ āĻŦā§āϰāĻžāĻ¨ā§āĻĄāĻŋāĻ‚ āĻ•āϰāĻžāϰ āϜāĻ¨ā§āϝ āĻŦāĻžāύāĻžā§ŸāĨ¤

āϤāĻŋāύāσ āĻĢ⧇āϏāĻŦ⧁āĻ• āĻĢā§āϝāĻžāύ āĻĒ⧇āĻœā§‡āϰ āϜāĻ¨ā§āϝ āĻŦā§āϰāĻžāĻ¨ā§āĻĄ āĻ…āύ⧁āϏāĻžāϰ⧇ āĻŦāĻžāĻŽ āĻĒāĻžāĻļ⧇āϰ āĻĒā§āϰ⧋āĻĢāĻžāχāϞ āĻĒāĻŋāĻ•āϚāĻžāϰ āϤ⧈āϰāĻŋ āĻ•āϰ⧇ āĻĻ⧇āĻ“ā§ŸāĻžāĨ¤

āϚāĻžāϰāσ āχāωāϟāĻŋāωāĻŦ āĻāϰ āĻšā§āϝāĻžāύ⧇āϞ āĻĄāĻŋāϜāĻžāχāύ āĻŦāĻž āĻŦā§āϰāĻžāĻ¨ā§āĻĄāĻŋāĻ‚ āĻ•āϰ⧇ āĻĻ⧇āĻ“ā§ŸāĻžāĨ¤
Continue reading