JSFiddle - React, Tailwind, and code Playground

by brunogc

HTML

<div id="container">
    
    <div class="row">
        <p>Lorem Ipsum</p>
         <p>Dolor sit amet</p>
         <p>Non consectur</p>
         <p>Color Sit</p>
    </div>
    <div class="row">
        <p>Lorem Ipsum</p>
         <p>Dolor sit amet</p>
         <p>Non consectur</p>
         <p>Color Sit</p>
    </div>
    <div class="row">
        <span>Eitcha nozes</span>
        <p>Lorem Ipsum</p>
         <p>Dolor sit amet</p>
         <p>Non consectur</p>
         <p>Color Sit</p>
    </div>
    
</div>

CSS

.row{
    display:block;
    border: 1px solid red;
    padding: 10px;
}
.row p{
    display:inline-block;
    border: 1px solid blue;
}
.row p:first-of-type{
    color: orange;
}