Border-Radius текст перелива

Question

Вы можете увидеть страницу здесь: http://forumalliance.net/api/clan.php?clan=striking

Но как вы можете видеть слова ломаются и расщепление середины пути. Это css.

#clanDetails{ 
    text-align:center; 
    border-radius: 10px; 
    border: 3px solid #BADA55; 
    width:50%; 
    margin-left:25%; 
    margin-right:25%; 
    padding: 10px; 
    word-wrap:break-word; 
} 

#intro{ 
    border-radius: 10px; 
    border: 3px dashed lightskyblue; 
    padding: 6px; 
} 

Я попытался удалить word-wrap:break-word; то текст описания чрезмерно обтекает границы ....

Answer 1

Вы можете это исправить, добавив white-space: pre-wrap; к вашему pre тега. Это предотвратит перенос слов из середины пути в ваш предварительно отформатированный текст:

#intro > pre { 
    white-space: pre-wrap; 
}