JSFiddle - React, Tailwind, and code Playground

HTML

<span>X</span><span>X</span>

CSS

body{
    font-family: arial;
    color: #0a548b;
}
span{
    font-size: 5em;
    display: inline-block;
    overflow: hidden;
}
span:nth-child(2){
    opacity: .5;
}

JavaScript

$(function(){
    $('span').width($('span').width()/2);
    $('span:nth-child(2)').css('text-indent', -$('span').width());
});