JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<ul>
<li>Текст раз</li>
<li>Текст длинный и широкий</li>
</ul>
</div>

CSS

* {
  margin:0;
  padding:0;
}

div {
  display: table;
  width: 100%;
  table-layout: fixed;
}

ul {
  display: table-row;
  background: #fff;
  color:#000;
}

li {
     display: table-cell;
}