Eu tenho um problema em que, se um usuário fosse inserir um comentário / palavra longa como "cooooooooooooooooooooooooooooooooooooooool", isso quebraria a formatação na página.

Aqui está uma imagem abaixo para ajudar a explicar o cenário (não à escala) e também o código usado:

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;
}

Eu estou querendo saber se há uma solução rápida para isso, sem alterar muita marcação e CSS como esta é a área de código, não queremos introduzir erros, alterando o código do aplicativo (escrito em ASP.NET / MVC 3).

Se CSS / Html não fosse uma opção, eu acho que o HTML 5<wbr> A tag pode ser usada para separar a palavra depois da quantidade de caracteres "x" - o único problema com isso é que o site é multilíngue em nove idiomas. Japonês e chinês, por exemplo, os caracteres de texto são significativamente maiores que os caracteres de texto em inglês, que precisariam de vários códigos condicionais para obter a contagem de caracteres antes de adicionar o caractere.<wbr> ou o tamanho da fonte diminuiu. Logo após sugestões sobre a melhor solução.

Muito Obrigado