JSFiddle - React, Tailwind, and code Playground

HTML

<div>i am center</div>
<div>i will not be cut off, i will not be cut off, i will not be cut off, i will not be cut off, i will not be cut off, i will not be cut off, i will not be cut off, i will not be cut off</div>

CSS

body { overflow: hidden; }
div { white-space: nowrap; display: flex; }

@supports (justify-content: safe center) {
  div {
    justify-content: safe center;
    color: green;
  }
}