JSFiddle - React, Tailwind, and code Playground

by kpowz

HTML

<ul>
<li><a>a link that is long lon long long logn</a><button>
<i class="fa fa-trash"></i>
</button></li>
<li><a>a link that is long</a><button>
<i class="fa fa-trash"></i>
</button></li>
<li><a>a link that is long</a><button>
s
</button></li>
<li><a>a link that is long</a><button>
s
</button></li>
</ul>

CSS

li {
 overflow: hidden
}

button {
 
}

a {
  display: inline-block;
  max-width: 90%;
}

.fa-trash::before {
    content: "";
}