troubleshooting Question

Centering top menu

Avatar of Janet L
Janet L asked on
Web DevelopmentCSSHTML
6 Comments1 Solution40 ViewsLast Modified:
Hi

Can i know whats the best way to center my two lines of top menu?

Website link


.music_box .menu {
 width: 100%;
 background: #ECA34A;
 float: left;
 box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
 border-top-left-radius:6px;
 border-top-right-radius:6px
}

.music_box .menu ul {
 list-style: none;
 float: left;
}

.music_box .menu ul li {
 color:#FFF;
 cursor: pointer;
 list-style: none;
 float: left;
 display: block;
 padding: 15px 17px;
 border-right: 0px solid #525252;
 position:relative;
}

.music_box .menu ul li a {
 color: #FFFFFF;
 text-decoration: none
}

.music_box .menu ul li:hover {
 background: #E67E00;
}

.music_box .menu ul li.on {
 background: #E67E00;
}

.menu .sub-nav{top:51px;left:0;padding: 10px 16px;background: #ECA34A;position:absolute;z-index:99999;display:none;width:auto;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.menu .sub-nav dd{float:none;background:none;padding:10px 0}
.menu .sub-nav dd a{color:#fff;}
.menu .sub-nav dd a:hover{color: #eeeeee  }
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 6 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 6 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros