Center inline < li > elements
This is an issue that has flummoxed me so far, and I haven't been able to find anything on the web that addresses it.
I have a site with a horizontal menu made up of inline[*] elements, which wraps into multiple lines. I would like to have each line centered, but it seems as though when an[*] is set to inline it will only text-align left. I can get the entire div containing the menu items to center, but not the individual lines of menu items relative to each other.
I've tried everything I can think of, but no joy. Anybody faced this issue in the past who can shed some light on it for me?
I don't have the option of changing to a different element than[*] since the menu is generated by a content management system.
Many thanks!
|