JSFiddle - React, Tailwind, and code Playground

by joshvogt

HTML

<div class="first">
    <p>There are three sentences in this div.<p>
    <p>One of them is not true.</p>
    <p>There isn't a fourth sentence in this div.</p> 
     <div class="second">
    <p>This is the fourth sentence.</p>    
    </div>    
</div>

CSS

.first{
    border:1px solid green;
}

.second{
    border:1px solid red;
    margin:2px;
}

.first  > p{
    color:#ff6600;
}