JSFiddle - React, Tailwind, and code Playground

HTML

<div><span>column one</span></div>
<div>column two</div>
<div><p>column three</p></div>

CSS

div {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 40px;
}