JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">

  <div class="menu-item">
    <div class="wrapper1">Someth</div>
    <div class="wrapper2">
      <p>something else</p>
      <p></p>
    </div>
  </div>
  
  <div class="menu-item">
    <div class="wrapper1">Something</div>
    <div class="wrapper2">
      <p>something else</p>
      <p>something</p>
    </div>
  </div>
  
  <div class="menu-item">
    <div class="wrapper1">Some</div>
    <div class="wrapper2">
      <p>something else</p>
      <p>some</p>
    </div>
  </div>
  
</div>

CSS

.menu {
  width: 100%;
}

  
.menu-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wrapper2 {
  display: flex;
}