css truncate text

HTML

<span class="trim-info" title="kjasdfasdfasdfasdfasdfasdfasdfasdfasdfasfdasdfasdfasdfasdfasfd">kjasdfasdfasdfasdfasdfasdfasdfasdfasdfasfdasdfasdfasdfasdfasfd</span>

CSS

.trim-info {
      max-width: 200px;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;  
      line-height: 15px;
      position: relative;
   }