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 cool

19 April 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat