JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <span>Please Please Me</span>
    <span>With The Beatles</span>
    <span><a href="javascript:void">A Hard Day's Night</a></span>
    <span>Beatles For Sale</span>
</div>

CSS

#container {
    border: 1px solid black;
    width: 80%;
    text-align: center;
}

#container span {
    word-break: none;
    white-space: nowrap;
}

#container span::after {
    content: " |";

}

#container span:last-child::after {
    content: "";
}