IE、Firefox、Chromeの各ブラウザでスペースが不規則に表示される。

   が、ie、firefox、chromeの各ブラウザで同じ効果を表示しないのは、主にその前にあるスペースの幅が異なるためです。
オンライン情報では
ブラウザによってデフォルトのフォントは異なりますが、一般的にIEのデフォルトフォントはSong、firefoxとchromeのデフォルトフォントはTimes New Romanです。
Songは等幅フォントですが、Times New Romanは等幅フォントではないため、ブラウザのデフォルトフォントが異なるためです。
スペース文字 は、ブラウザによって異なる幅で表示されます。
例えば、以下のコードは、IEとクロームでそれぞれテストされています。

クロームでは以下のように表示されます。

IE9では以下のように表示されます。

クロームでは2つの が漢字1文字の幅を占め、IEでは4つの が漢字1文字の幅しか占めていないことが分かります。
回避策
I. ページのエンコード形式を変更する <meta http-equiv="content-type" content="text/html; charset=gbk">
と、ページのコンパイル方法（myeclipseの場合）です。

次に、IEの右クリックでエンコード表示形式を変更する

次に、（推奨）スペースの行にフォントを設定し、ちょうど等しい間隔で任意の種類の文字に設定します。
例えば

追記：nbsp;を&nbspに置き換えてください。