सीएसएस: मैं एक क्षैतिज सूची कैसे केंद्रित कर सकता हूं? प्रदर्शन: इनलाइन काम नहीं कर रहे

Question

मुझे काम करने के लिए सबसे आसान कोड प्राप्त करने में बड़ी समस्या है। मैं चाहता हूं कि मेरी सीएसएस क्षैतिज सूची केंद्रित हो, वह सब कुछ है। यहाँ

लिंक: http://bit.ly/LtIBai

मैं इस कोड है:

#megaMenu.megaMenuHorizontal ul.megaMenu { 
text-align: center; 
} 

#megaMenu.megaMenuHorizontal ul.megaMenu > li { 
display: inline; 
} 

अभी तक यह केंद्र नहीं होगा?

नोट: मैं जिस कोड का जिक्र कर रहा हूं उसे देखने के लिए विंडो "टैबलेट पोर्ट्रेट" आकार पर होनी चाहिए। लगभग 800px चौड़ा, जब लोगो केंद्रित होता है और मेनू अगली पंक्ति में आता है, लेकिन मोबाइल मेनू प्रकट होने से पहले।

Answer 1

वे केंद्र से इनकार करने का कारण यह है कि वे बाईं ओर भी तैरते हैं। dislay: inline से display: inline-block; float: none बदलें और वे केंद्रित दिखाई देते हैं।

संपादित करें: वहाँ (ज्यादातर अनावश्यक) सीएसएस कोड का एक बहुत में वहाँ बहुत आप शायद कुछ अन्य बातें बदलाव करने से पहले यह सही लग रहा है की आवश्यकता होगी, लेकिन चल क्या कम से कम गैर-केंद्रित पैदा कर रहा है।