JSFiddle - React, Tailwind, and code Playground

HTML

<div style="background-color: #aaa;">
    <div class="LBlueRB">
        <div class="RBtext">Very very long text<br>new line</div>
    </div>
</div>

CSS

.LBlueRB {
        background: #b8e1fc;
        display: inline-block;
        width: 100px;
    }
    .RBtext {
        text-align: center;
        margin: 0px 3px;
        white-space: nowrap;
        overflow: hidden;
    }