JSFiddle - React, Tailwind, and code Playground

HTML

<div class="DLD_App" data-appname="">
  <img src=""></img>
  <h1></h1>
  <a href="">khkjhoyhi yguuygonug uygoguy</a>
</div>

CSS

.DLD_App a {
    position:relative;
    height:18px;
    width:140px;
    margin:0 5px 0 5px; padding:0;
    font:bold 15px/18px Arial;
    text-align:center;
    text-decoration:none;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
    border:solid black 1px;
}