The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Equally spread ul links of different widths
How can I equally spread links in a ul that have different widths? What’s the best way to have full control with the padding or margin? http://www.sierrainstruments.com/james/center-this-list.html
You mean like this? http://jsfiddle.net/K6Q8d/1/
Otherwise you could use some jQuery to grab the width of the text and alter the padding for each one that way.
add these:
#menu { float: left; position: relative; left: 50%; } #menu li { position: relative; left: -50%; }
Thanks to both of you. Is there a way to resolve this thread?