JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js&#39;"></script>
<div>
This is my div and it has some fixed width only allow text to show in one line
</div>

CSS

div{
  width: 120px;
  height:15px;
  color :black;
  text-overflow: ellipsis;

  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}