p标签内容超出列宽

Question

我有一排。在 row 中，有一个名为 .col-md-6 的类。 在列内，我有一个带有一些文本的段落标签。 问题是，段落标记的内容超出了列宽。但我希望段落标记内容在列中正确对齐，如图所示。 代码：

<div class="row">
    <div class="col-md-6 col-xs-12 col-sm-6">
        <p>TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText</p>
    </div>   
</div>

链接： http://jsbin.com/zimuwonoyu/edit?html,output

我希望它像图片中所示的那样：

Answer 1

有一个 CSS 属性。

p {
  word-wrap: break-word;
}

Answer 2

CSS 属性：

p {
  white-space: normal;
  word-wrap: break-word;
}