Content และขนาด

โดยค่าเริ่มต้น (content-box) width / height หมายถึงขนาดของ พื้นที่ content — ยังไม่รวม padding และ border

.box {
  width: 200px;
  height: 100px;
  background: #e5e7eb;
}

เอลิเมนต์บล็อก (เช่น div, p) มักกินความกว้างเต็มแถว · อินไลน์ (เช่น span) ไหลตามข้อความ — การตั้ง width/height กับอินไลน์มีข้อจำกัด

ตอนฝึกกล่อง ให้ใช้ div หรือเอลิเมนต์บล็อก จะเห็น padding/margin ชัดกว่า