html - 我需要将文本保留在容器中，而不需要一遍又一遍地使用 标记

Question

我试图让我的文本留在我的框内而不超出它。我不想使用 <br>一遍又一遍地标记。所以我试图让它自动换行。

CSS

#NewsPosts {
    position: relative;
    bottom: 0px;
    top: -925px;
    font-size: 20px; 
    margin-left: 10; 
    margin-right: 10; 
    text-indent: 5; 
}

HTML

<!--NewsPosts-->
<div id="NewsPosts">
    <div align = "center">
        <p>html text goes here</p>
    </div>
</div>

这是一个例子:

Answer 1

#NewsPosts p{
   width:40%
   word-break:break-all;
}

http://jsfiddle.net/91efphoL/1/