こんにちは。
>「ブログ」では、右端が見えなくなってしまいます。
記事の文章を「整形済みのテキスト」として表示する<pre>タグで囲んでいるからです。
<pre>タグで囲まれた文章は書かれた通りに画面に表示され、自動的な改行も無効になります。
そのため、その文章が記事表示欄の幅よりも広く(長く)なった場合は、
記事表示欄では表示しきれないため隠れて(切れて)しまうのです。
(「確認」画面はブログの記事表示欄よりも横幅が広いので、切れずに表示されるのだと思います)
なので、解決策としては
・文章を<pre>タグで囲むのを止める
あるいはどうしても<pre>タグを使う必要があるのであれば
・1行の文章を記事表示欄の幅よりも少なくして下書きする
のどちらかになります。
<参考>
■整形済みのテキスト
http://www.tagindex.com/html_tag/text_font/pre.html