JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<p>その他のコンテンツ</p>
<p>その他のコンテンツ</p>
<p>その他のコンテンツ</p>
<p>その他のコンテンツ</p>
<div class="box">
  <img src="https://placehold.jp/150x150.png" alt="">
  <p class="text">ダミーテキスト</p>
</div>

CSS

.box{
  border: 1px solid #000;
  position: static;
  position: relative;
}

.text {
  position: absolute;
  /* left, right, top, bottom */
  right: 30px;
  top: -25px;
}