JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <span>Black</span>
    <span>White</span>
<div>

CSS

.wrap {
    border: 1px solid;
    display: inline-block;
    padding:1px;
    padding-left: 10px;
    text-transform: uppercase;
}

span {
    display: inline-block;
    font-size: 50px;
}

span+span {
    background: #000;
    color: white;
    padding: 1px;
    padding-right: 10px;
}