Очень длинные слова без переноса в HTML / CSS

У меня есть проблема, из-за которой, если бы пользователь вводил длинный комментарий / слово, например «cooooooooooooooooooooooooooooooooooooooool», это нарушало бы форматирование на странице.

Вот изображение ниже, чтобы помочь объяснить сценарий (не в масштабе), а также используемый код:

Html:

<div class="comment-content">
    <p>cooooooooooooooooooooooooooooooooooooooool</p>
    <br />
    <a class="delete-comment" data-delete-comment-id="28" href="/">Delete</a>
</div>

Css:

.comment-content
{
    width: 525px; 
    margin: 13px 25px 0 0;
}
.comment-content p
{
    width: 525px;
}

Мне интересно, есть ли быстрое решение для этого, не меняя слишком много разметки и CSS, так как это область кода, которую мы бы не хотели вносить в ошибки путем изменения кода приложения (написано в ASP.NET/MVC 3).

Если CSS / Html был не вариант, я думаю, HTML 5<wbr> Тег можно использовать для отделения слова после количества символов «х» - единственная проблема в том, что веб-сайт многоязычен на 9 языках. Например, для японского и китайского языков текстовые символы значительно больше, чем текстовые символы английского языка, для которых потребуется несколько условных кодов, чтобы получить количество символов перед добавлением<wbr> или размер шрифта уменьшился. Просто после предложений о лучшем решении действительно.

Большое спасибо

Ответы на вопрос(3)

Ваш ответ на вопрос