So I'm making an image menu that needs to be centered inside a div, I have 5 images with different widths that are inside this div, they are all the same distance apart, like so:


I started thinking, how am I going to create such distance between the images so that they fit my div perfectly? I remembered some time ago making a menu just like this, except it only used text, no images.

I used the word-spacing tag in CSS to create such distance, and it worked fine. So my solution was to use   between my images:

image1  .....image2  .....imaga3  .....image4  .....image5

This works flawlessly in Firefox, but I'm having an issue in Chrome, I only get this effect if I use DOUBLE   , which of course, breaks it in Firefox:

image1    .....image2    .....imaga3    .....image4    .....image5

Is there something I'm missing here? Maybe there's a more elegant answer for my menu? Any help is appreciated.