Tailwind CSS adalah kerangka kerja terkenal yang digunakan untuk membuat halaman atau desain web yang dapat disesuaikan dan responsif. Itu juga memungkinkan pengguna untuk mengontrol tata letak dan jarak elemen tanpa menulis CSS khusus apa pun. Padding adalah ruang antara konten elemen tertentu dan perbatasannya. Terkadang, pengguna ingin menerapkan jumlah padding yang sama ke setiap sisi elemen. Tailwind menyediakan class utilitas untuk menerapkan padding ke semua sisi elemen, atau ke sisi tertentu, seperti atas, kanan, bawah, atau kiri.
Artikel ini akan memberikan contoh metode untuk menambahkan padding ke semua sisi elemen di Tailwind.
Bagaimana Cara Menambahkan Padding ke Semua Sisi di Tailwind?
Untuk menambahkan padding ke semua sisi elemen tertentu di Tailwind, buat struktur HTML. Kemudian, gunakan kelas utilitas “p-
Sintaksis
< elemen kelas = 'p-
Ganti “
Contoh
Dalam contoh ini, kami memiliki dua ' Di Keluaran Untuk menambahkan padding ke semua sisi elemen di Tailwind, kelas utilitas “p-
< tubuh >
< div kelas = 'bg-merah muda-600 p-8 w-max' >
Lapisan di dalam CSS penarik
div >
< br >
< div kelas = 'bg-teal-600 p-14 w-max' >
Lapisan di dalam CSS penarik
div >
tubuh >
Di sini, di
Menurut output di atas, bantalan yang ditentukan telah diterapkan ke semua sisi kedua wadah. Kesimpulan