CSS-এ ব্লকগুলির জন্য float বৈশিষ্ট্য

float বৈশিষ্ট্যটি শুধুমাত্র ছবির জন্যই প্রযোজ্য নয়, যেকোনো অন্যান্য ব্লকের জন্যও প্রযোজ্য।

আসুন এটি পরীক্ষা করে দেখি।

ধরুন আমাদের কাছে parent ক্লাস সহ একটি প্যারেন্ট ব্লক আছে, যার ভিতরে টেক্সট এবং child ক্লাস সহ একটি চাইল্ড ব্লক আছে। উভয় ব্লককে সীমানা দেওয়া হয়েছে, এবং চাইল্ডকে প্রস্থ ও উচ্চতাও দেওয়া হয়েছে:

html<div class="parent">
  <div class="child"></div>
  some long text
</div>

css.parent {
  border: 1px solid red;
  text-align: justify;
}
.child {
  width: 200px;
  height: 100px;
  border: 1px solid green;
}

Результат:

এখন চাইল্ডকে float সেট করি left মানে - টেক্সটটি আমাদের ব্লককে ঘিরে থাকা শুরু করবে:

html<div class="parent">
  <div class="child"></div>
  some long text
</div>

css.parent {
  border: 1px solid red;
  text-align: justify;
}
.child {
  float: left;
  width: 200px;
  height: 100px;
  border: 1px solid green;
}

Результат: