IE10 text-overflow ellipsis not working

Question

I have an tag in html, and I want it to be ellipsis. But when I add a

inside the tag, \'text-overflow\

Answer 1

First of all, div is a block level element and a is an inline level element, so you cannot use a div inside an anchor tag b...so you should use any other inline tag (like small , span etc)

Secondly, if you have to use a div inside div, you can wrap your text in another tag like this ....

     
text-overflow Attribute Sample
     

         

         Each box (div element) below contains the following text:
  

and css of class textTrunc:

.textTrunc{  
    overflow:hidden;  
    white-space: nowrap;  
    text-overflow: ellipsis;  
    display:block;  
}