将一个长文本分成两行

Question

<div id="posted_wrap">
    <div id="posted_middle">
        <div id="posted_top"></div>
        <div id="textcontent">
            <br /><p>ARTICLE</p>
        </div>
        <br />
             <div id="posted_bottom"></div>
    </div>

</div>

上面的div产品有以下UI：

您看到的长文字代表文章。

问题1：我需要让这个长文本自动移动到新行中。例如：

问题2：如何设置特定的固定最小高度，例如300px，所以如果用户输入几行，文章框看起来不会太短。

CSS详情 - 这是我的第一个项目，不熟悉网页设计：     posted_wrap {         位置：相对;         填充：0px;         保证金权利：55px;         margin-top：25px;     }

textcontent {   
    margin-right: 25px;
}

    textcontent p { 
             margin:0 auto;
             text-align:center;
             width: 663px;
    }

posted_top {
    width:688px;
    height: 9px;
    margin: 10px 0 0 0;
    margin-right: 0px;
    background: url(images/postedcontent_top.png) no-repeat center top;
}

posted_middle {
    width:688px;
    background: url(images/postedcontent_middle.png) repeat-y center center;
}

posted_bottom{
    width:688px;
    height: 44px;
    background: url(images/postedcontent_bottom.png) no-repeat center bottom;
}

Answer 1

设置宽度：

textcontent p {
width:640px
}

并使用min-height解决问题2

编辑：你的话不应该太looooooooooooooooooooooong。生成random texts而不是长aaaaaaaaa。

Answer 2

如果div具有指定宽度的样式，则其中的内容将自动中断。 （假设没有设置溢出属性。）

对于高度，您需要min-height属性。但请务必阅读sitepoint's description 的内容;有警告，它在IE 6中是错误的。