JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
<script src="http://harvesthq.github.com/chosen/chosen/chosen.jquery.js"></script>
<link rel="stylesheet" href="http://harvesthq.github.com/chosen/chosen/chosen.css">
<div class="input-append">
<select id="id_sales_item" class="sales_item chzn-done" name="sales_item" data-placeholder="What?" multiple="multiple" style="display: none;">
<option value="1">Hotel 3 Star</option>
<option value="2">Hotel 4 Star</option>
</select>
<div id="id_sales_item_chzn" class="chzn-container chzn-container-multi" style="width: 220px;">
<ul class="chzn-choices">
<li class="search-field">
<input class="default" type="text" style="width: 210px;" autocomplete="off" value="What?">
</li>
</ul>
<div class="chzn-drop" style="left: -9000px; width: 218px; top: 29px;">
<ul class="chzn-results">
<li id="id_sales_item_chzn_o_0" class="active-result" style="">Hotel 3 Star</li>
<li id="id_sales_item_chzn_o_1" class="active-result" style="">Hotel 4 Star</li>
</ul>
</div>
</div>
<a class="btn" href="/sales">
<i class="icon-barcode"></i>
Ha!
</a>
</div>

CSS

.btn { line-height: 19px }