Show dotted text using css

How can I show dots (“…”) in a span with hidden overflow?

._shr_name{

    display:inline-block;

    width:180px;

    white-space: nowrap;

    overflow:hidden !important;

    text-overflow: ellipsis;

}