JSFiddle - React, Tailwind, and code Playground

HTML

<button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all customClass customClassTwo" aria-haspopup="true" tabindex="0" style="width: 120px;">
<span>
    <span class="ellipsis_text" style="90px">Esquire Network Knife Fight Q2 2013</span>
</span>
</button>

CSS

button {
border-collapse: collapse;
color: rgb(103,103,103);
cursor: default;
display: inline;
font-family: Arial, 'Helvetica Neue', 'Helvetica sans-serif';
font-size: 12px;
font-weight: normal;
letter-spacing: normal;
line-height: normal;
text-align: start;
text-indent: 0px;
text-shadow: none;
text-transform: none;
white-space: pre;
word-break: break-all;
word-spacing: 0px;
word-wrap: break-word;
    overflow: none;
    height: 50px;
    width: 10px;
}