<div>Lorem ipsum dolor sit amet.</div>
<div class="three-dot">Lorem ipsum dolor sit amet.</div>

div {
  width: 100px;
  background:#ddd;
  margin-bottom:10px;
}

div.three-dot {
  overflow: hidden; /* taşacak kısımları gizle. */
  white-space: nowrap; /* alt satırı gösterme, alt satıra inme. */
  text-overflow: ellipsis; /* uzunsa sonuna üç nokta koy. */
}