＆nbsp; 等の空白が、IEで反映されない

Question

ホームページ作成初心者です。
現在文章を書いているときに空白である
＆nbsp; などを利用しているのですが、
IEで確認したところ＆nbsp; が反映されていません。
また、ブラウザによって空白の大きさに偏りがあると感じています。
IEで＆nbsp;のような空白がきちんと反映されるにはどうすればよいでしょうか。
(文章の途中で挿入したいと考えており、bigとsmallの文章の
左側をそろえたいため、空白での調整をしたいです。)
教えていただきたいです。
よろしくお願いします。

###該当のソースコード

<p class="small">
サンプル文章です。＆nbsp;＆nbsp;＆nbsp;
サンプル文章です。
</p>

###補足情報(CSS)
p.big{
font-size: 2.5em;
line-height: 1.5em;
display:inline-block;
text-align:left;
}

p.small{
font-size: 20px;
line-height: 1.5em;
display:inline-block;
text-align:left;
}

Answer 1

こんな感じであれば、どのブラウザでもいけると思います。

.small span {
  display:inline-block;
  padding-right:15px;/*お好きなサイズで*/
}

<p class="small">
<span>サンプル文章です。</span>
サンプル文章です。
</p>