JSFiddle - React, Tailwind, and code Playground

by brandondurham

HTML

<input type="text" value="Really long long long text">

CSS

input
{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    max-width: 100px;
    vertical-align: bottom;
}