JSFiddle - React, Tailwind, and code Playground

HTML

<div class="with-auto">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque at metus sapien, eu vulputate nibh. Suspendisse egestas sapien a urna pellentesque eleifend. Donec augue purus, varius quis consectetur eu, aliquam quis turpis.</div>

<div class="with-negative-margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque at metus sapien, eu vulputate nibh. Suspendisse egestas sapien a urna pellentesque eleifend. Donec augue purus, varius quis consectetur eu, aliquam quis turpis.</div>

CSS

div {
    padding: 1em 0;
}
div.with-auto {
    width: 400px;
    margin: auto;
}
div.with-negative-margin {
    width: 400px;
    margin-left: -200px;
    position: relative;
    left: 50%;
}