Text-overflow

 The text-overflow properties accept two values:

• clip
• ellipsis

 This property can be used to cut off text that exceeds its container.

Syntax: css

 .box {
 Background-color:#eee;
 -o-text-overflow: ellipsis;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
 border: 1px solid black;
 width: 350px;
 padding: 20px;
 cursor: pointer;
             }

    HTML:

 <div class="box">
 This property can be used to cut off the over-flowing text that exceeds its container….. </div>

Example: