ব্লক এলিমেন্টকে ডান মার্জিন সহ সিএসএস-এ অ্যালাইন করা

প্রয়োজন হলে ডান মার্জিনও সেট করা যেতে পারে এবং এলিমেন্টটি ডান সীমানায় ঘেঁষে লাগবে না, বরং এটি থেকে সরে যাবে:

html<div class="parent">
  <div class="child"></div>
</div>

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto;
  margin-right: 20px; /* ডান মার্জিন সেট করুন */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: