<div class="yuzde-yuz">
  CSS ile Yazı Boyutunu Sınırlamak (Ellipsis), üç nokta ile kesmek 
</div>
.yuzde-yuz{
  box-sizing:border-box; /* border'ı 100%'ün içerisine kattım. */
  width:100%;
  border:1px solid #555;
  padding:5px;
  overflow:hidden; /* Verilen genişlikten (100%) artanı gizlemesini istiyoruz */
  white-space: nowrap; /* Yazıyı tek satırla sınırlandırıyoruz */
  text-overflow:ellipsis; /* Yazının kesildiği yerden üç nokta vermesini sağlıyoruz*/
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.