JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

parent{
  width: 350px;
  outline: 2px dashed red;
  display: block;
  text-align: center;
}
child{
    display: inline-block;
    background: dodgerblue;
    border-radius: 4px;
    padding: 4px 8px;
    white-space: pre-line;
  }

JavaScript

let ch = document.querySelector('child');
ch.innerHTML = ch.innerText.trim().replace(/\s/g, '\n')