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.