CSS में फ्लोट

मान लीजिए कि अभी हमारे पास parent क्लास वाले दो डिव हैं। उनमें से प्रत्येक में थोड़ा सा टेक्स्ट है, और पहले डिव में एक इमेज रखी गई है, जिसे float प्रॉपर्टी left वैल्यू के साथ दी गई है।

जैसा कि आप पहले से ही जानते हैं, इस स्थिति में इमेज दूसरे ब्लॉक पर ओवरलैप करेगी:

html<div class="parent">
  <img src="img.png" alt="">
  text
</div>
<div class="parent">
  text
</div>

css.parent {
  border: 1px solid red;
}
.parent img {
  float: left;
}

Результат:

आइए अगले पाठों में विचार करें, कि इस तरह के ओवरलैप या फ्लोट से कैसे बचा जाए।