Cara membuat menu menjadi rata tengah dan kanan tanpa mengubah urutan

Halo teman-teman DumetSchool !

Salah satu murid kursus web master di dumetschool kelapa gading ada yang pernah bertanya kepada saya. Dia sudah membuat menu list menggunakan tag <ul> dibagian menu. Namun jika dibuat rata kanan maka urutannya akan menjadi terbalik. Ada juga yang menanyakan cara membuat pengaturan agar menu mau rata tengah.

Pada dasarnya pemberian float pada list juga benar, hanya saja akan lebih tepat jika ingin memindahkan semua menu <ul> maka yang diberi float adalah di <ul>-nya bukan di bagian <li>-nya. Jika diberi di bagian <li> maka menu akan berada di kanan dan urutannya terbalik.

Begitu juga dengan rata tengah, <ul> diberikan property display:block pada CSS. Kemudian di bagian menu atau div yang digunakan sebagai tempat menu diberi property text-align: center.

Coba simak kode dibawah ini untuk lebih detailnya :

Semoga bermanfaat ya teman-teman