JSFiddle - React, Tailwind, and code Playground

by satantx

HTML

<div class="tel">8 (920) <span>340-20-27</span></div>

CSS

.tel span {
    color: transparent;
    width: 0;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
}

.tel span:before {
  color: #000;
  content: 'XXX-XX-XX';
  white-space: nowrap;
}