Sebenarnya untuk membuat konten berada di tengah, kita bisa menggunakan text-align: center; pada div induknya. Namun bagaimana untuk membuat div induk tersebut tetap berada di tengah dengan lebar yang sesuai dengan lebar kontennya?

Kita bisa membuat lebar div induk sesuai dengan lebar kontennya dengan menggunakan display: inline-block; namun hal ini akan membuat konten berada di sisi kiri dan