ลักษณะพิเศษของอินไลน์-บล็อกเอเลเมนต์ใน CSS

มีแท็กอยู่ประเภทหนึ่ง ที่เมื่อแสดงผลบนหน้าจอจะเป็น อินไลน์-บล็อกเอเลเมนต์ (inline-block elements) อินไลน์-บล็อกเอเลเมนต์ รวมคุณสมบัติของทั้งบล็อกเอเลเมนต์และอินไลน์เอเลเมนต์เข้าด้วยกัน

ตอนนี้คุณรู้จักแท็กแบบนี้เพียงหนึ่งเดียว นั่นคือ img อย่างไรก็ตาม รูปภาพไม่สามารถแสดงลักษณะพิเศษทั้งหมด ของโมเดลนี้ได้ ดังนั้นเราจะศึกษาการทำงานของเอเลเมนต์ประเภทนี้ โดยใช้ตัวอย่างแท็ก span โดยเปลี่ยนโมเดลการแสดงผลเป็นบล็อกโมเดล โดยกำหนดค่าให้พร็อพเพอร์ตี้ display เป็น inline-block