مشاهده و تمرین روی کد ها

<!DOCTYPE html>
<html>
<head>
<style>
img {
    float: left;
    margin: 0 0 10px 10px;
}
</style>
</head>
<body>

<p dir="rtl">در این مثال ، تصویر به سمت چپ متن شناور می شود و متن پاراگراف به دور تصویر قرار می گیرد.</p>

<p dir="rtl"><img src="w3css.gif" alt="W3Schools.com" width="100" height="140">
این یک متن تزئینی است و برای نشان دادن نتیجه کد ها نوشته شده است. این یک متن تزئینی است و برای نشان دادن نتیجه کد ها نوشته شده است. این یک متن تزئینی است و برای نشان دادن نتیجه کد ها نوشته شده است. این یک متن تزئینی است و برای نشان دادن نتیجه کد ها نوشته شده است. این یک متن تزئینی است و برای نشان دادن نتیجه کد ها نوشته شده است. این یک متن تزئینی است و برای نشان دادن نتیجه کد ها نوشته شده است. این یک متن تزئینی است و برای نشان دادن نتیجه کد ها نوشته شده است. این یک متن تزئینی است و برای نشان دادن نتیجه کد ها نوشته شده است. این یک متن تزئینی است و برای نشان دادن نتیجه کد ها نوشته شده است. این یک متن تزئینی است و برای نشان دادن نتیجه کد ها نوشته شده است. این یک متن تزئینی است و برای نشان دادن نتیجه کد ها نوشته شده است. این یک متن تزئینی است و برای نشان دادن نتیجه کد ها نوشته شده است.</p>

</body>
</html>

صفت float