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

#css #html #overflow

#css #HTML #переполнение

Вопрос:

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

Живая демонстрация здесь: 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;
}
  

Ответ №1:

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