Very Long Words Not Wrapping In HTML/CSS

I have an issue where if a user was to enter a long comment/word such as 'cooooooooooooooooooooooooooooooooooooooool' this would break the formatting on the page. Here is an image

Solution 1:

Try this

.comment-content p {
    word-wrap: break-word;
}

Live Demo

More Information

Solution 2:

If you would like it to be nicely capped as: oooooo... use:

.comment-content .p{
    display:inline-block;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}

If there are more than one line, use

.comment-content .p{
    word-wrap: break-word;
}

Solution 3:

This may help:

.class {
    resize:none;
}