htmlで　単語と単語の間に空白スペースをとりたい

htmlで　１行の単語と単語の間に空白スペースをとりたいのですが、どのように記述すればよろしいでしょうか？　あるいはcssで設定するのでしょうか？
よろしくお願いします。

現在　　単語単語単語
を
　　　　単語　単語　単語
という風にしたいのですが。

半角スペースを入力したときの空白を広くする方法です。

<p>
This is a pen
</p>
<p style="word-spacing:20px;">
This is a pen.
</p>

ブラウザで見るとこんな感じになります↓

This is a pen.

This　　is　　a　　pen.

※空白の大きさは
"20px" ←この数字で決まります。

※少なくとも日本語では意味ないかも＾＾；

mannendoco_life

単語と単語の間にスペースキーを打ち込めばできますよ☆
(PCの真ん中にある横長のキーです)

HTML 上においては、

■ 単語<全角スペース>単語　とした場合
日本語フォントを表示できないブラウザーでは、違う文字として表示されてしまう可能性があります。

■ 単語<半角スペース>単語　とした場合
２個以上の 「 半角スペース 」 はスペースとしてブラウザーに反映されません。１個分の半角スペースしか認識しません。そういう仕様になっているからです。

★ ですので ・・・

■ 単語&nbsp;単語　とする。
この場合でしたら、日本語フォント、英語フォント共に有効であり、複数書き込むことで、その数だけ半角スペースが空きます。

単語    単語

★ 直接スタイルで指定する方法もあります ・・・

■ 単語<span style="margin-left:5px">単語</span>
ですが、数は少ないとは思いますが、スタイルに対応していないブラウザーの場合は、正しく表示されません。

その他に、無色の透過 gif を作成してそれを使用する方法もありますが、通常のテキストを書き入れるところでそれを使用するのは、ハッキリ言ってじゃまくさいですよね ^^;

この方法はテーブルを組んだ時に、レイアウトを崩さないようにする時に良く使われます。

結論はやっぱり、

『   』

を間に入れる。これが一番なんじゃないでしょうか。