Chromeなどでテキストのはみ出しを防ぐCSS

Chromeなど一部のブラウザで改行のないテキストやURLが要素からはみ出してしまうようです。えっと、左のはボタンじゃないですよ。スクリーンショットですからね（笑）

CSS

body {
    word-break    :normal;
    word-break    :break-all;
}

やることは簡単、bodyにこのソースを入れるだけ。これでとりあえずテキストが指定した横幅をはみ出すようなバグはなくなるはず。

詳細

CSSスタイルリセット部分にいれるといいかも