<li>から文字がはみだす

Q:
半角文字で構成したリンクテキストが、それを置いているDivやテーブルで設定しているwidthの幅よりも長くなった場合、
折り返されずに領域をはみ出して一行で表示されてしまいます。

A:
基本的に半角スペースを含むところで折り返しています。
そのためURIなど半角スペースを含まない文字列ではうまく折り返しがされません。
簡単な解決策は<wbr />を入れることです。
そこが改行の候補となり適切な長さで折り返されます。
或いは半角スペースを入れても良いです。