Absolute positioning turns a block element into a inline element.

by jshacker

HTML

<div>this is a block</div>
<div class="abso">is this a block</div>
<div>this is a block</div>

SCSS

div {
  background-color: black;
  border: thick solid white;
  color: white;

  &.abso {
    position: absolute;
  }
  &:nth-child(2) {
    border: thin solid red;
  }
}