JSFiddle - React, Tailwind, and code Playground

by Zeljko Tadic

HTML

<div>
    <div class="row" id="row-1">
      <div class="group" id="group-1">
        <span data-token-id="212947" style="background: rgb(255, 128, 192);">Finanzbuchhalter</span>
        <span style="background: rgb(255, 128, 192);">&nbsp;</span>
        <span data-token-id="212948" style="background: rgb(255, 128, 192);">(</span>
        <span data-token-id="212949" style="background: rgb(255, 128, 192);">m/w/d</span>
      </div>
      <div class="group" id="group-2">
          <span data-token-id="212947" style="background: rgb(255, 128, 192);">Lorem</span>
          <span style="background: rgb(255, 128, 192);">&nbsp;</span>
          <span data-token-id="212948" style="background: rgb(255, 128, 192);">ipsum</span>
          <span data-token-id="212949" style="background: rgb(255, 128, 192);">dolor</span>
        </div>
    </div>
  </div>
  <style>
    #row-1 {
      height: 20px;
      width: 30px;
      top: 30px;
      left: 30px;
      position: absolute;
    }
  
    #group-1 {
      height: 20px;
      width: 36px;
      top: 3px;
      left: 30px;
      position: absolute;
  
    }
    #group-2 {
      height: 40px;
      width: 100px;
      top: 300px;
      left: 89px;
      position: absolute;
  
    }
  </style>