CSS හි දකුණු ඉඩ සහිතව බ්ලොක් අංගය සම්බන්ධ කිරීම

අවශ්‍ය නම්, දකුණු ඉඩක් ද නියම කළ හැකිය සහ අංගය දකුණු මායිමට ගැටී නොයනු ඇත, නමුත් එයින් ඉවතට ඉවත් වනු ඇත:

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;
}

Результат: