float:الطفو وكيف تحيط نص حول صورة

شرح الطفو float وكيف تحيط النص بصورة او تغيير اتجاهه فى الصفحة


<<السابق الحالى التالى>>
كافة الدروس

<style type="text/css">
li{
float:right;
padding:10px;
margin-left:5px;
list-style-type:none;
}

img{
float:left;
clear:right;
}
p{
clear:both;
}
</style>

<ul>
<li><a href="#">الرابط الأول</a></li>
<li><a href="#">الرابط الأول</a></li>
<li><a href="#">الرابط الأول</a></li>
</ul>
<img src="Background-Gifts.jpg" alt="banner" />
<p>this is my name this is my name this is my name this is my name this is my name this is my name this is my name this is my name this is my name this is my name this is my name </p>