الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> div { position: relative; left: 20px; top: 25px; margin-bottom: 30px; border: 2px solid deepskyblue; } </style> </head> <body> <h1>Relative Position</h1> <p>Element with position: relative; is positioned relative to its normal flow of the page.</p> <div>This div element has position: relative;</div> <p>This element is not appear behind the previous element because the previous element has 30px margin at the bottom from its original place.</p> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود