JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<div style="width: 200px">
<ul class="nav nav-pills nav-stacked" data-bind="foreach: childSubjects()">
    <li class="subject-pill">
        <a href="#">
            <i class="pull-right icon-chevron-right"></i>
            <i class="icon-remove icon-white" data-bind="visible: selected, clickBubble: false"></i>
            <span> Some longer sample text</span>
            
        </a>
    </li>
</ul>
</div>

CSS

.subject-pill > a {
    border-style: solid;
    border-width: 1px;
   /*white-space:nowrap;    you can youse if you want */
     
    
}
.iwt{
display:block;
}