css allow the excess text with ellipsis points three methods shown Case

.div{
  width: 98%;
  margin: auto;
  color: #ccc;
  display:block;
  overflow:hidden;
  word-break:keep-all;
  white-space:nowrap;
  text-overflow:ellipsis;
}