CSS: Làm thế nào tôi có thể căn giữa danh sách nằm ngang? Hiển thị: Nội tuyến không hoạt động

Question

Tôi gặp sự cố lớn khi nhận mã đơn giản nhất để hoạt động. Tôi muốn danh sách css nằm ngang của tôi là trung tâm, đó là tất cả.

liên kết ở đây: http://bit.ly/LtIBai

tôi có mã này:

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

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

Tuy nhiên, nó sẽ không tập trung?

LƯU Ý: Cửa sổ phải ở kích thước "chân dung của máy tính bảng" để xem mã tôi đang đề cập đến. Khoảng rộng 800px, khi logo được căn giữa và menu rơi xuống dòng tiếp theo, nhưng trước khi menu di động xuất hiện.

Answer 1

Lý do họ từ chối làm trung tâm là vì chúng cũng được thả sang bên trái. Thay đổi dislay: inline thành display: inline-block; float: none và chúng xuất hiện ở giữa.

Chỉnh sửa: Có rất nhiều mã CSS (hầu như không cần thiết) trong đó nên bạn có thể cần phải tinh chỉnh một vài thứ khác trước khi có vẻ phù hợp, nhưng phần nổi là yếu tố khiến không tập trung ít nhất.