JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="section">
    <a href="">
        <div class="article">Text a 
        </div>
    </a>
    </div>
    <div class="section">
        <div class="article">Text
        </div>
    </div>
    <div class="section">
        <div class="article">Text
        </div>
    </div>
    <div class="section">
        <div class="article">Text
        </div>
    </div>
</div>

CSS

.section:nth-child(odd) > .article
{
    color: red;
    text-align:right;
}