Truncate text in div using elipsis

by greatCar

HTML

<div class="truncate"><span>Encyclopedia</span></div>

CSS

.truncate {
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color:red
}