JSFiddle - React, Tailwind, and code Playground

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum sed officiis aliquam odit rem. Eligendi reprehenderit illum quos, assumenda fugit magnam quas accusantium rem atque fugiat suscipit natus rerum vero? In nulla sed, ea cumque praesentium dicta totam maxime eaque, vero, neque modi rerum amet magnam atque officiis dignissimos animi ducimus veritatis magni vel quo. Sit quae nemo sed, aut fuga dignissimos sequi, explicabo veniam in assumenda hic. Vel ducimus enim ut quod, quasi provident in voluptas, fugit illo, ad quia totam. Corporis ea eum consectetur atque saepe, aliquid sint animi iusto voluptas eos iure optio adipisci voluptatibus accusantium, sapiente.</p>
  <div class="container">
    <div class="in"></div>
  </div>

CSS

.container {
      max-width: 1000px;
      height: 100px;
      background-color: #ccc;
      margin: 0 auto;
      position: relative;
    }

    .in {
      position: absolute;
      width: 30px;
      height: 30px;
      margin-top: -10%;
      background-color: green;
    }