カスタムテーマは文字がはみ出す-第2弾

カスタムテーマは不親切です。
スタイルシートを理解してないあんたは対象外、って言われると困るけど。

何とか苦労して形になって、るんるんと記事を流し込んでみたら、いくつか問題が出ました。
まず、あちこちセンタリングにしてあるところが崩れて左寄せになっています。たぶん<div align="center">を挿入してたのが少し変だったのかもしれないけれど、リッチテンプレートのときは、素直にセンタリングしててくれたのに。
変になったところをあちこち書き直して復旧。

もっと変なのは、長いURLの記述がそのまままっすぐに外にはみ出して最後が見えなくなったりしてる。なお不思議なことに、いくら長くても折り返してきれいに入るものもあるのです。
おまけにはみ出している日の分は本文の幅も少し広がって、文章のタイトル部分と段差ができてる状態。本文右側のオレンジの線も押し出されるように消えてしまいます。みっともないことこの上ないです。

テンプレートを以前のリッチテンプレートに戻すと、ちゃんと長いURLも折り返してきれいに本文枠に収まっています。

リッチテンプレートのスタイルシートとカスタムテンプレートのスタイルシートを良く見比べたら、リッチテンプレートにはword-wrapという記述があることに気がつきました。スタイルシートリファレンスで調べてみたら、

「表示範囲内に収まりきらない単語がある場合に、単語の途中で改行するかどうかを指定する」

とあるので、これだ！とユーザースタイルの定義に加えてみたらばっちりでした。IE専用の定義だって言うところがちょっと気になるけれど。
このくらいの定義はオリジナルから入れておいて欲しいと思うのだけれど、そういうものでもないのだろうか。
ともかく今度からあんまり長いURLはそのまま乗せないことにしましょう。

body {
       word-wrap: break-word;
       }

・・・続く