Question

I am trying to use text-overflow: ellipsis to truncate text on my website. It displays correctly in Firefox, but does not display in IE; I have included my code and examples of how it displays in both Firefox and IE below:

.ellipsis {
    font-weight: bold;
    height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
}

Answer 1

I found the solution, because I use a tag to wrap the div tag so IE work not well.

I moved a tag to inside div tag and it work well. Thank everyone for helping me.