Creating space

[gc40]

I am trying to make a space between my menus for a project website...however, I need a lot of space and   isn't enough. I am doing the site in css and do not want to have about 10   between menus because it looks crappy in the code.

Is there an easier way in either css or html to accomplish this task?

Also, my menus spacing varies between menus. One menu can have 20 pixels, while other can have 40 or maybe 60 pixels between them for spacing..

I need to know how to make < THIS MUCH SPACE > ...

[the tree]

style="margin: 0 3em;"

[gc40]

I tried this, but it puts the menu on a new line each time...rather than keep everything in one line, it adds a line break like if i typed <br>

[gc40]

I am basically trying to make a navigational menu...


Home, About Us, Contact Us, Etc...

I want to space each one differently to correspond to background.

My current layout is like this:

<div class="menuback">
<div class="menu">
<a href="index.php">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="index.php">Store</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="index.php">Services</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="index.php">Portfolio</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="index.php">About Us</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="index.php">Contact Us</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="index.php">Support</a>
</div>
</div>

[WebJoel]

<a href="index.php" style="margin-right:75px;">Home</a> and etc.

I would make this an <ul> though, but this answers your question. Just add the inline style="", such as I did here, for every anchor link.

[the tree]

Upon looking at your website it becomes apparent that your answer lies here: http://css.maxdesign.com.au/listamatic/