text-overflow:ellipsis demo

HTML

<ul>
    <li>First list</li>
    <li>Second list continue to second line.Second list continue to second line.</li>
    <li>Second list continue to second line.</li>
</ul>

CSS

ul{width:300px; outline:1px solid #000; margin:10px auto}
li{
  text-overflow:clip; 
  white-space: nowrap;  
  width: 100%;                     
  overflow: hidden;  }