JSFiddle - React, Tailwind, and code Playground

HTML

<div class="top">
        <div class="rating-words"> 1 rating</div>
        <div>
            <span > 2 </span>
            <span> 3 </span>
        </div>
    </div>

CSS

.top {
            margin: 30px 0;
            font-weight: bold;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
        
        .rating-words {
            text-transform: uppercase;
        }