css - 段落自動改行

Question

DIV に段落を入れましたが、テキストが div よりも長い場合、新しい行は作成されませんが、DIV の外に出ます。試してみましたが、うまく -moz-hyphens:auto; -ms-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; word-wrap:break-word;いきません。

divのコードは次のとおりです。

<div id="content">
<p id="test">tfufygigighfetefddddddddddddsssssssssssssssssssssssssssssssssssssssssssfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</p>
</div>

div の css コード:

#content {
float:left;
position:absolute;
background-color:#D4D3D0;
height:500px;
width:80%;
}

そして段落のcss：

p.test {
-moz-hyphens:auto;
-ms-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}

Answer 1

私はここで手足に出かけます ！word-wrap: break-word;しかし、css の代わりに div cssを入れる必要があると思います<p>。わたしにはできる！

編集：

ああ、待って、あなたが何を間違えたのか分かります。<p>タグの名前じゃないですp.testか#test！

Answer 2

#content にこの 2 行を追加する必要があると思います

#content{
    word-wrap: break-word;
    white-space:pre-wrap;
}