Perbedaan text-align:center dan margin:0 auto

Pada dasarnya, `text-align: center` dan `margin: 0 auto` merupakan dua properti CSS yang digunakan untuk mengatur posisi dan penataan elemen di dalam sebuah kontainer.

`text-align: center` digunakan untuk mengatur posisi horizontal elemen, terutama dalam hal mengatur teks. Ketika `text-align: center` diterapkan pada sebuah elemen, maka teks atau konten di dalam elemen tersebut akan diatur secara horizontal secara tengah.

Contoh penggunaan `text-align: center`:

```css

.container {

  text-align: center;

}

```

Selain itu, `margin: 0 auto` digunakan untuk mengatur posisi horizontal sebuah elemen dengan menjaga margin kiri dan kanan menjadi 0 serta memberikan nilai `auto` pada margin kiri dan kanan. Properti ini biasanya digunakan untuk mengatur posisi horisontal elemen dengan lebar yang sudah ditentukan.

Contoh penggunaan `margin: 0 auto`:

```css

.container {

  width: 500px;

  margin: 0 auto;

}

```

Pengaturan tersebut akan mengaturnya tengah secara horizontal dalam kontainer yang lebih besar.

Penutup

`text-align: center` berfungsi mengatur posisi horizontal konten di dalam elemen, sedangkan `margin: 0 auto` berfungsi mengatur posisi horizontal elemen itu sendiri dalam kontainer.