Padding — ระยะใน
ทำหน้าที่
ดันเนื้อหาเข้าจากขอบด้านใน · พื้นหลังของกล่องมักคลุมพื้นที่ padding ด้วย
.card {
padding: 16px; /* รอบด้าน */
padding: 12px 20px; /* บน-ล่าง | ซ้าย-ขวา */
padding: 8px 12px 16px; /* บน | ซ้าย-ขวา | ล่าง */
padding-top: 24px; /* ทีละด้าน */
}
ข้อความติดขอบกล่องอ่านยาก — ใส่ padding ให้ปุ่มและการ์ดเป็นนิสัย