JSFiddle - React, Tailwind, and code Playground

HTML

<span class="text1"><span class="text2">директорът Иван</span> Иванов</span>

CSS

span {
   padding: 4px !important;
   margin: 4px !important;
}
.text1 {
    background-color: rgba(255, 0, 0, 0.6);
}
.text2 {
   background-color: rgba(0, 0, 255, 0.6);
}

.text3 {
   background-color: green;
}