JSFiddle - React, Tailwind, and code Playground

by Rykus0

HTML

<div style="position: fixed; left: 50%;">
        <div style="position: relative; left: -50%; border: dotted red 1px;">
            I am some centered shrink-to-fit content! <br />
            tum te tum
        </div>
    </div>
<p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p><p>CONTENT</p>