JSFiddle - React, Tailwind, and code Playground

HTML

<div>some text</div>
<div>some text that will overflow some text that will overflo some text that will overflo some text that will overflo some text that will overflo some text that will overflo some text that will overflo</div>

CSS

div {
    display: flex;
    justify-content: center;
    position: relative;
    left: 100px;
    width: 100px;
    white-space: nowrap;
    border: 1px solid black;
    background-color: silver;
}

div:before {
    content: "";
    margin-left: -100%;
}
div:after {
    content: "";
    margin-right: -100%;
}