JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mybutton">
    <div class="myproblem">
        MyNameIs30CharactersLong
    </div>
    <div class="myproblem2">
        MyNameIsShort
    </div>
  </div>

CSS

.mybutton {
  height: 300px;
  background-color: red;
}

.myproblem {
  height: 50px;
  background-color: green;
  width: 20%;
}

.myproblem2 {
  height: 50px;
  background-color: blue;
  width: 20%;
}