JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dark"><span>Some text</span></div>
<div class="light"><span>Light One</span></div>

CSS

div {
    width: 100px;
    height: 100px;
    margin: 20px;
    text-align: center;
    line-height: 100px;
}

.dark {background: #333;}
.light {background: #ccc;}

span {
    color: white;
    text-shadow: 0 1px black;
    background: #333;
    background: rgba(0,0,0,0.18);
    padding: 4px 8px;
}