Cara Membuat nomer berurutan dengan CSS

Hello para coder,

Kali ini saya akan membagikan ilmu tentang CSS yaitu membuat  nomer secara berurutan menggunakan CSS. Terkadang dalam membuat sebuah system terkadang kita dihadapkan untuk membuat sebuah nomer secara berurutan, contohnya seperti ini :

1. Satu

2.    Dua

3.    Tiga

4.    Empat

5.    Lima

Mungkin dalam kasus ini kita cukup menggunakan tag ol dan li di html, namun ada kasus tertentu yang tidak dapat diselesaikan dengan menggunakan tag ol dan li  tersebut, seperti penomeran yang ada di dalam sebuah table, contohnya seperti table di bawah :

No	Nama	Alamat
1	Agus	Jakarta
2	Ali	Jakarta
3	Azis	Jakarta
4	Iyan	Jakarta

Nah, untuk kasus seperti ini kita tidak bisa menggunakan tag ol dan li,  solusi untuk kasus tersebut adalah dengan menggunakan css. Ok langsung saja, pertama buatlah tag html seperti berikut :

Selanjutnya buatnya style css nya :

Sekarang silahkan jalankan dibrowser anda, dan nomer akan muncul secara berurutan.

Semoga bermanfaat dan terima kasih

Salam coder