Concept

position is a property in CSS used to change the layout structure of a tag, usually applied in the following two forms:

• relative: allows setting a relative area.
• absolute: allows setting a free area, but the scope of operation is within the nearest relative area

How to use

example

HTML

<div class='result'>
  <span>1</span>
</div>

CSS

.result {
  position : relative;
  height: 200px;
  background: lightcoral !important;
}

.result .box {
  background: pink;
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0px;
  top: 30px;
}

Result