JSFiddle - React, Tailwind, and code Playground

by shaunxcode

HTML

<div class="Person">
    <ul>
        <li class="Name">
            <label>Name</label> 
            <span class="Value">daena</span>
            <div class="poop">pooooo</div>
        </li>
    </ul>
</div>

CSS

label:after {
    content: ":";
}

.Value { 
    color: red;
}
.poop { 
    background: brown; 
    color: yellow; 
}