JSFiddle - React, Tailwind, and code Playground

HTML

<div class="jspPane" style="padding: 0px; top: 0px; width: 130px;">
   <ul style="display: block;">
     <li class="hyperlink" >
        <span class="xyz1" style="background-image:url(/Content/images/icon_link_16x7.png);"> <a href="#">View on Bing Maps website</a></span>
    </li>
  </ul>
</div>

CSS

ul li {
    color: #137AFF;
    height: 25px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 4px;
    padding-top: 4px;
    text-align: left;
    width: 138px;
        text-overflow: ellipsis;
        

}