JSFiddle - React, Tailwind, and code Playground

HTML

<p><span class="parent"><span class="child">絶対配置（インライン）</span>親要素</span></p>
<p><span class="parent"><span class="child child-block">絶対配置（ブロック）</span>親要素</span></p>
<p><span class="parent">親要素<span class="child">絶対配置（インライン）</span></span></p>
<p><span class="parent">親要素<span class="child child-block">絶対配置（ブロック）</span></span></p>

CSS

.parent {
  outline: medium solid #9cf;
}
.child {
  position: absolute;
  outline: medium dotted #039;
}
.child-block {
  display: block;
}