html - ツールバーにある要素間の間隔を調整するにはどうすればよいですか?

Question

ツールバーを作成しました。「ホーム」、「連絡先」、「自己紹介」の 3 つのリスト要素があります。現在、それらは境界線で区切られて並んでいますが、要素間に間隔を空けたいと思います。私のコードは次のようになります。

HTML:

<div class="Nav">
    <ul>
        <li id="Toolbar">Home</li>
        <li id="Toolbar">Contacts</li>
        <li id="Toolbar">About Me</li>
    </ul>
</div>

Answer 1

それぞれに余白を追加しますli

.Nav li{
   margin: 0px 3px; /* Adjust the px to meet your needs */
}

JSFIDDLE: http://jsfiddle.net/6Mc9W/