ビジュアルエディタ編集時に拡張クラス補足情報(i)を1つにまとめられない

理想の表現はこういう感じです。

・走行中のアフターファイヤー
・ガソリン残量は問題無し
・全電源喪失
・押し掛けを実施するも始動せず
・時間経過で少し電力回復

これを補足情報(i)でひとまとまりにしたいと思っていますが、
ビジュアルエディタ上で実施しますとどうやっても各行が分かれてしまいます。

イメージを見て頂くのが分かりやすいのでご覧下さい。

こんな風に改行した分だけそれぞれに拡張スタイルが適用されてしまいます。

なので、テキストエディタでこういう風に

<div class="information"><span class="bold" style="color: #000000;">・走行中のアフターファイヤー
・ガソリン残量は問題無し
・全電源喪失
・押し掛けを実施するも始動せず
・時間経過で少し電力回復</div>

毎回編集が必要なのかなと思いまして。

編集後は希望通り(下のイメージ)となるわけですがこれは仕様でしょうか？
何か良い回避策があればご教授下さい。

テキストで打ち直せばいいだけの話なのですが、慣れないテキストエディタはちょっと苦手でして(⌒-⌒; )

フォーラム内を探しましたが、見つけることが出来ませんでしたので
トピックを立てさせて頂きました。
既出のトピがありましたら先にお詫びしておきますm(__)m