Is there a way to achieve this look with a list? I want the "+" symbol between the characters.(except I don't want one in front of the first link or behind the last link) I would probably have to apply a style to the first and last list items right?



This is my code that I'm using now. It is not a list but I keep hearing to write valid code the menu should be a list how would I achieve that look as a list?

Code:
<div id="menu">
		<a href="index.html">Home</a> + <a href="bio.html">Biography</a> + <a href="discography.html">Discography</a> + <a href="film.html">Filmography</a> + <a href="media.html">Media</a>
</div>