固定ページ新規追加でソースコードが保存できない。

テーマ「bccolors]を使用させて頂いており、新規固定ページを作成しようとしています。
左に写真、右にその説明文のレイアウトです。

cssは
.float
{
float: left;
margin-right: 1em;
}
.floatclear
{
clear: both;
}
ソースは
＜div class="float">
＜p>＜a href="アップローダーからの画像.jpg/">＜/a>＜/p>
＜/div>
＜p>○○○○○○○○○○○○○○＜/p>
＜p>○○○○○○○○○○○○○○○○○○○○＜br />
○○○○○○○○○○○○○○○＜br />
○○○○○○○○○○○○○○○○○○○○＜br />
＜p>○○○○○○○○○○○○○○＜/p>
＜br class="floatclear">
この＜div を10回位続けています。
保存前確認では希望の表示になっているのですが、保存ボタンを押して保存後確認すると

この様にレイアウトが崩れていてソースを見ると＜br class="floatclear">と指定した所が＜p>＆nbsp;＜/p>に置き換わっています。
別でhtmlとcssでテストすると問題無しです。
やはりこれはcms php を理解していない無知ゆえか？
どなたか教えてください。
よろしくお願いします。

baserCMSというより、ckediterの仕様の関係で、brタグでの改行は空のｐタグに置き換わるようです。

ただ、そもそもHTMLがおかしいようですね。


↓↓↓


こうして、後はCSSで調整されたら良いかと思います。

katokaisya様　ありがとうございました。
あっさりと希望のレイアウトに成りました。
ネットで色々探し、試行錯誤しましたが、どれも的外れで時間の無駄でした。
本当にありがとうございました。

PC表示ではきれいになったのですが、このページをスマホで観ると
こんな感じで写真の右に2文字で行が折り返されて表示されます。
回り込みの指示をしているので当然と言えば当然なのですが
余りにも不細工です。

この様にするのが希望です
↓↓↓↓↓

かといって回り込みを解除するとPCで観た時に縦長で不細工。文字部分を＜div>＜/div>で囲んだりしましたが変化無しです。
theme/bccolors/内に変更指定出来る箇所は有るのでしょうか？

よろしくお願いします。

これもCSSの調整ですね。
画像をdivで囲ったのでしたら、CSSメディアクエリでスマホの横幅の時にwidth:100%;になるようにすれば、解決するはずです。