I'm trying to space out the items in this menu with the exact same number of pixels. In the 90s, most web developers I knew either used spaces or a spacer gif. These work, but they feel like bad hacks to me. There must be a better way to do this in 2009! I'm more of a back-end coder, so I've been out of the loop for a while. I'd appreciate any help...
<div class="menu">
<a href="#">Item 1</a>  : : : : : (replaced the semicolon with a colon so that these would show up)
<a href="#">Item 2</a> <img src="spacer.gif" />
<a href="#">Item 3</a>
<a href="#">Item 4</a>
</div>