Link to home
Start Free TrialLog in
Avatar of isaacr25
isaacr25

asked on

CSS How to center bullet image horizontally

Please visit www.mwebdev.com/ls.html. Take a look at the menu, and the blue/red stars between the menu items.

1.

How can I center the star images between each of the menu links using CSS?

2.

How can I add CSS to add another start to the right of the last menu link (Contact)?

Thanks in advance!
ASKER CERTIFIED SOLUTION
Avatar of wdfdo1986
wdfdo1986
Flag of Sri Lanka image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of isaacr25
isaacr25

ASKER

Can you elaborate a bit on the last suggestion (adding another li tag)... More guidance would be appreciated.
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
I tried adding a fixed margin to the li's. I had to apply a negative margin to get the horizontal spaces to even out. I'm fine with this.

However, I need to center the entire menu horizontally (it's floating to the left currently.

Also, what tags would I apply to get the last star on the right?
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial