JSFiddle - React, Tailwind, and code Playground

by goffreder

HTML

<div id="event">
    <span>some text some text</span>
</div>

CSS

#event {
    float: left;
	position: absolute;
	border: 2px solid #197ea3;
	background: #aee3f4;
	height: 16px;
	overflow: hidden;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	padding-left: 3px;
	white-space: nowrap;
    text-overflow: ellipsis;
}

JavaScript

$(document).ready(function() {
    $("#event").resizable({
        handles : "e"
    })
});