JSFiddle - React, Tailwind, and code Playground

HTML

<parent>
  <child>Электровымешиватель бетонированный</child>
</parent>

SCSS

parent{
  width: 350px;
  outline: 2px dashed red;
  display: block;
  text-align: center;
  
  &::before, &::after {
    content: '';
    display: table-cell;
    width: 50%;
  }
}
child{
    display: table-cell;
    background: dodgerblue;
    border-radius: 4px;
    padding: 4px 8px;
  }