اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <head> <style> div { float: right; width: 120px; margin: 0 0 15px 20px; padding: 15px; border: 1px solid black; text-align: center; } </style> </head> <body> <h2>به یک تصویر با یک کپشن امکان می دهیم که در سمت راست شناور شود</h2> <p>در پاراگراف زیر، عنصر div مقدار 120px عرض دارد و حاوی تصویر مورد نظر است. عنصر div به سمت راست شناور(float) است. به این عنصر div، مارجین هایی اضافه شده است تا متن را از div دور نگه دارد. به این عنصر div کادرها(border) و padding اضافه شده است تا یک قاب دور تصویر و کپشن ایجاد شود.</p> <div> <img src="other/w3css.gif" width="100" height="140"><br>سی اس اس جذاب است </div> <p> مقداری متن. مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن.مقداری متن. </p> </body> </html>
