JSFiddle - React, Tailwind, and code Playground

by acid test

HTML

<div class="bg">
    <div class="text">
        <div class="centr">
            Some text
        </div>
    </div>
</div>

CSS

.bg {
    background: green;
    height: 250px;
    display: flex;
    align-items: center;
}

.text {
    background: red;
    padding: 10px 10px 10px 0;
    width: 50%;
}

.centr {
    text-align: right;
}