Padding — ระยะใน

ทำหน้าที่

ดันเนื้อหาเข้าจากขอบด้านใน · พื้นหลังของกล่องมักคลุมพื้นที่ padding ด้วย

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