html - 文字間にスペースを空ける方法

Question

コンピューターで Web サイトを作成しており、上部にナビゲーション バーがあります。そこにあるリンクは文の一部のように見えるので、それらの間にもっと大きなギャップを作ろうとしています. の間にスペースを使用しようとし<a></a>ましたが、ページにスペースが表示されませんでした。

HTML (ナビゲーション バー):

<div id='header'>
  <img id='tlogo' src="http://i.imgur.com/lVbnNwy.png?1">
  <a class="dif2" href="http://localhost:8080/Howl/Home.html">Home</a>
  <a class="dif2" href="http://localhost:8080/Howl/Rules.html">Rules</a>
</div>

ナビのスクリーンショット。バー：

Answer 1

「nbsp;」を入力してみてください 空きスペースが必要な場所。 http://jsfiddle.net/NA4DB/

   <div>Hello</div>
   <div>&nbsp;</div>
   <div>World</div>

Answer 2

<ul>s と<li>s を使用する方が良い

家

ルール

 <style>
 ul.menu li {
 display:inline-block;
 padding:0px 5px 0px 0px;
 }
 </style>

ここにjsfiddleの例DEMOがあります

Answer 3

このCSSを追加してみてください：

<style>
#header a{
     display:inline;
     padding:10px 15px;

  }
</style>