Anstatt die Navi-Links nach unten lieber nach rechts

Wie kann ich die Navigationsleiste in CSS anstatt nach unten nach rechts machen also so:

z.B:
Home Kontakt Gästebuch
Hier mein Code:
#nav_container{
position: absolute;
left: 40%;
top: 160px;
margin-left: -490px;
width: 200px;
border:1px solid #000000;
background-color: #008000;}

ul#nav{
width: 130px;
}

li.nav_element{
list-style-type: none;
position: relatve;
width: 115px;}

li.nav_element a{
display: block;
width: 115px;
font-weight: bold;
font-size: 16px;
text-decoration: none;
text-algin: left;
color: #000000;
background-color: #008000;
font-size: 18px;}

li.nav_element a:hover{
color: #000000;
background-color: #808080;
font-size: 17px;}

Danke schon mal im vorrraus!

Statt -490 kannst Du "plus" 490 machen:

______________
Macht mit und teilt Eure Ideen mit anderen Besuchern:

Ne dann ist es wo anders und zwar links!

Du musst einfach ein bissl mit den Zahlen ausprobierren:


#nav_container{
position: absolute;
left: 40%;
top: 160px;
margin-left: 490px;
width: 200px;
border:1px solid #000000;
background-color: #008000;}

Der Dickmakierte Bereich prosizioniert deinen nav_container.Du musst einfach bei margin-left mit der Zahl rumprobieren bis du es da hast wo du es haben möchtest.Und bei top kannst du auch etwas verändern wenn du möchtest "top" ist der abstand von oben.

Man kann es auch einfach von rechts aus positionieren