Tolong pilih kategori sesuai, jenis posting (diskusi atau bukan) dan sertakan tag/topik yang sesuai seperti komputer, java, php, mysql, dll. Promosi atau posting tidak pada tempatnya akan kami hapus!
- Bagi Anda yang ingin mendaftar, baca link berikut:
http://diskusiweb.com/discussion/50491/how-to-registrasi-diskusiweb-com-baca-ini-terlebih-dahulu
- Cara menyisipkan kode program supaya tampil rapi dan terformat dengan baik di diskusiweb.com: http://www.diskusiweb.com/discussion/50415/cara-menyisipkan-kode-program-di-diskusiweb-com
- Cara posting gambar/image di post Anda: http://www.diskusiweb.com/discussion/47345/cara-menyisipkan-menyertakan-image-pada-posting/p1

Mengatur Ordered List CSS Wordpress

Mohon bantuannya, gimana cara agar css ordered list lebih rapi, berikut gambarnya

Sebelum

image

Menjadi :

image
Terima kasih banyak atas jawabannya. saya lampirkan kode CSS yang saya temukan di theme yang saya gunakan.

ul, ol, dl {
        padding-left: 15px;
        list-style-position: inside;
    }

    li,
    dt,
    dd {
        padding-top: 0.3em;
        padding-bottom: 0.3em;
    }
   
    ol { counter-reset: item;
       margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
    ol li { display: block; }
    ol li:before {
        content: counters(item, ".") ".";
        counter-increment: item;
        padding-left: 1em;
        padding-right: 0.2em;
        margin-left: -1em;
    }


[-O< thanks
Sign In or Register to comment.