Tussen menu tekst ...px

Hoe kan ik bij de menubalk als ik er tekst invoer, dan er dan zeg maar 10px tussen zit, automatisch?
Iets dat ik in de CSS kan zetten?

#menubalk{
    background-image:url(images/menubalk.gif);
    width:99,9%;
    height:25px;
    text-align:center;
    margin-left:0px;
    margin-top:3px;
}

de site is:
Habbioso

padding-left: 5px;
padding-right: 5px;

Volgens mij kan het zo

Josnl schreef:

padding-left: 5px;

padding-right: 5px;

Volgens mij kan het zo
nee dan krijg je tussen de menuitems geen ruimte Je moet met

en
• werken, zal straks de css en html plaatsen.

Ow okee, wist ik niet!

de css:

#menubalk ul {
 list-style:none;
 margin: 0;
 padding: 0;
}

#menubalk ul li {
 margin: 0;
 display:inline;
}

#menubalk ul li a {
 display:inline;
 padding: 0 10px 0 10px;
 text-decoration: none;
}

html:

<div id="menubalk">
  <ul>
  <li><a href="#">home</a></li>
  <li><a href="#">nogwat</a></li>
  </ul>
</div>

Maar zo komt het tog onder elkaar te staan?
het moet juist naast elkaar

Rnnet:
Maar zo komt het tog onder elkaar te staan?
het moet juist naast elkaar
nee, omdat er display: inline; staat komt je menu horizontaal

Weet ik dat ook weer,
heb andere vraag in ander topic
ook even beantwoorden please?