JSFiddle - React, Tailwind, and code Playground

by WilsonPage

HTML

<button>Very long text Very long text Very long text</button>
<div class='button'>Very long text Very long text Very long text</div>

CSS

button,
.button {
    display: block;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}