Add three dots at end of line with css

Add three dots at end of line with css here is the code:

.add-three-dots{display: inline-block;

   width: 240px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   background: #FFFCD7;
    padding: 5px;
     }

 <span class="add-three-dots">How To Add Three Dots In the End Of String with Css And Jquery?</span>