Space between links in navbar?

HTML & CSS
1

How can I properly add space between the links in in my navigation bar?

Luongo Designs

Heres the CSS for the navigation:

#nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-top: 80px;
}
	
#nav li {
	display: inline;
}

#nav a {
	text-decoration: none;
	font-family: Cambria, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.3em;
	color: #596365;
}

#nav a:hover {
	text-decoration: none;
	font-family: Cambria, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.3em;
	color: #000;
}

Thanks in advanced,

Chris

2

Hi Chris. There are various ways, such as this:

#nav li {
  display: inline;
  [COLOR="Red"]padding-right: 30px;[/COLOR]
}
3

Thanks ralph.m! Works great!

-Chris

4

You’re welcome! Of course, you can adjust the padding to suit. You could also use margins instead, but I generally prefer padding.