Center-aligned menu with JS

This is the code used on SnippetStash to center the top menu horizontally.

Event.observe(window, "load", function(){
    
    var top_nav_lis = $$("#navbar ul li");
    top_nav_lis.each(function(li){
      li.style.width = (100/top_nav_lis.length + '%');
      li.style.textAlign = "center";
    })

  }

)

Original snippet written by Brian Hogan

Last updated at 08:43 AM on Jun 06, 2009 by Brian Hogan

SnippetStash costs money to host and develop. The service is free for everyone to use
but if you found it useful please consider making a small donation.