JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fixed"></div>

<p>text text text text text</p>
<p>more content blah blah blah</p>

CSS

body { padding: 0; text-align: center; }
p { background: rgb(100,100,100); padding: 200px 0; }

#fixed {
    width: 200px;
    height: 200px;
    background: rgb(200,200,200);
    position: fixed;
    top: 20px;
    left: 50%;
    margin-left: -100px;
    z-index: 999;
}