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

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

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

Html:


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

Css:

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

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

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

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

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

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