JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://bootswatch.com/assets/css/bootswatch.min.css">
<link rel="stylesheet" href="http://bootswatch.com/lumen/bootstrap.css">
<ul class="list-group">
    <li class="list-group-item"> <span class="badge">14</span>
 <span class="txt">Cras justo sto odio asdasda sdas dasdasdasda sdadadsadssto odio asdasda sdas dasdasdasda sdadadsadssto odio asdasda sdas dasdasdasda sdadadsadsodio asdasda sdas dasdasdasda sdadadsads</span>
    </li>
</ul>

CSS

.list-group-item {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}