[CSS]長い文字列（text）を要素内で折り返す方法

Divなどの要素内に長い文字列が入っている場合、枠から飛び出してしまうことがあります。
枠に合わせて折り返す場合は、「word-wrap」プロパティを設定します。

Divなどのwidthを設定し、「word-wrap:break-word;」を記載するだけでOKです。

#sample{
    width:200px;
    word-wrap:break-word;
}

#sample{

width:200px;

word-wrap:break-word;

}

「word-wrap」は「normal」「break-word」の２つの設定があります。
「normal」→単語の途中で改行はしない。必要に応じ幅を拡大。
「break-word」→単語の途中で改行。

※似たようなプロパティに「white-space」があります。
こちらは改行・半角スペース・タブなどの設定を行うことができます。