単語を枠内で無理やり改行させる

<li>などでたくさんリストを並べていて、なぜか一つだけリストの幅を押し広げてしまったり、
中の文章がはみ出てしまう時があります。

原因は、長すぎるURLや、句読点のない日本語のテキスト。

そんな時はテキストを囲っている要素に

word-break: break-all;

を入れれば、あっさり収まってくれますよ。