Membuat Menu Horizontal

Cara yang paling sederhana untuk membuat menu horizontal dengan menggunakan list ialah
mengubah properti display dari elemen li menjadi bernilai inline. Dengan mengubah
properti ini, elemen li yang awalnya merupakan block level element akan berubah menjadi inline
level element, dan dapat saling tersusun secara horizontal.

Begitu mengubah nilai properti display menjadi inline, penanda daftar akan langsung hilang,
dan setiap elemen dalam daftar akan saling bergabung. Idealnya, kita harus memberikan jarak
secara manual menggunakan padding ataupun margin.
Kode HTML di bawah:

Dipadukan dengan script CSS berikut :

akan menghasilkan seperti gambar dibawah

Kita dapat memodifikasi sedikit CSS untuk membuat menu menjadi lebih indah
berikut script CSS:

dengan hasil seperti gambar dibawah

semoga bermanfaat !! 

• DEMO