Menghapus spasi kiri dari daftar dalam format HTML

Ketika membuat daftar (list) dalam format HTML, baik itu daftar dengan format terurut/ordered list maupun tidak berurut/unordered list, maka pada bagian kiri sebelum penomoran akan terdapat beberapa spasi.

1. daftar pertama
2. daftar kedua
3. daftar ketiga

Seringkali spasi ini membuat tampilan situs menjadi tidak terlihat rapi karena spasi tersebut membuat ruang halaman situs menjadi lebih sempit. Oleh karena itu kita bisa menghapus spasi tersebut sehingga tampilannya menjadi seperti berikut.

1. daftar pertama
2. daftar kedua
3. daftar ketiga

Caranya adalah dengan menamahkan CSS berikut.

ol {
    padding-left: 1.2em;
   }

Kita juga menulis melalui format HTML menjadi sebagai berikut.

<ol style="padding-left: 1em;">
  <li>daftar pertama</li>
  <li>daftar kedua</li>
  <li>daftar ketiga</li>
</ol>