длинная строка переполняет контейнер div

Question

Если «content» содержит длинную строку без пробела, она будет переполнена за пределами div («topic»). Как я мог это исправить?

Демонстрационная версия здесь: http://jsfiddle.net/w87Vz/

HTML:

<div class="topic">
    <div class="content">a longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong string</div>
</div>

CSS:

.topic{
background:#ddd;
margin: 0 auto;
position: relative;
display: block;
width: 300px;
}

Answer 1

в вашем стиле добавить:
перенос слов: слово-разрыв;