JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<div class="cont">
    <span class="wrap">
        <span class="inner">
            Hello, my name is Mao</span>
        <span class="emptyornot"></span>
    </span>
</div>

CSS

.cont { width: 150px }

.wrap {
    font-size: 0;
}
.inner {
    font-size: 16px;
}
.wrap:after {
    content: 'A';
    background: #ccc;
    display: inline;
    font-size: 16px;
}