Truncate string with ellipsis

<div>Tootsie roll pastry.</div>

div {
  width: 100px;
  background: #eee;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

Sources

• https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow