<style type="text/css">
.break {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word; 
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
 
.ellipsis {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis; /* Required for IE8 */
    -o-text-overflow: ellipsis; /* Required for Opera */
    text-overflow: ellipsis;
}
</style>

http://www.apphp.com/index.php?snippet=css-breaking-out-long-urls

This solution will help you to prevent many issues with your site, when you need to prevent long URL's from breaking out of container.

Prevent Long URL's From Breaking Out with CSS

css

CSS