ขยับรูป HTML ไปในตำแหน่งที่ต้องการด้วย position :relative

สอนเขียนโค้ดขยับรูป HTML ไปในตำแหน่งที่ต้องการด้วย position :relative แนะนำการใช้คำสั่ง position ของ CSS รูปแบบ relative เพื่อขยับรูปภาพไปในตำแหน่งที่ต้องการ ใช้งานร่วมกับ left, right, bottom และ top สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง ขยับรูป HTML ไปในตำแหน่งที่ต้องการด้วย position :relative

<img src="https://www.devdit.com/favicon-16x16.png" style="position: relative; top:10px; left: 10px;">

ขยับรูป HTML ไปในตำแหน่งที่ต้องการ แนะนำให้ใช้คำสั่ง position: relative กำหนดไว้ใน attribute style โดยใช้งานร่วมกับคำสั่ง 

top คือ ขยับรูป จากบนลงล่าง

left คือ ขยับรูป จากซ้ายไปขวา

right คือ ขยับรูป จากขวาไปซ้าย

bottom คือ ขยับรูป จากล่างขึ้นบน