html - テキストを新しい行に強制するにはどうすればよいですか?

Question

私はこのdivを持っています:

<div class="text">
    Thisismytextwontgoinanewparagraph
</div>

このCSSで：

.text
{
    background-color:red;
    width:100px;
}

この JSFiddle でわかるように、テキストは div の外に出ています。

スペースのないテキスト (ハイパーリンクなど) を強制的に折り返す CSS の方法はありますか?

score 4 · Accepted Answer

これを試すこともできますが、あまりきれいではありません:

.text
{
    background-color:red;
    width:100px;
    word-wrap: break-word;
}

1 に答える 1