JSFiddle - React, Tailwind, and code Playground

by houmie

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
<form class="form-search cb_zero_margin form-filter-ajax" method="get" action=".">
    <div class="input-append filter-container">
        <input id="id_last_name" class="placeholder_fix_css input-small search-query typeahead_contacts_last_name" type="text" placeholder="Filter here..." maxlength="50" name="last_name" data-provide="typeahead" autocomplete="off"><div class="close filter-close" href="#">×</div><button class="btn filter-button" type="submit"><i class="icon-filter"></i></button>
    </div>
</form>

CSS

.filter-close {  
    float: none;
    position:absolute;
    right:50px;
    top:3px;
}

div.filter-container {
    position:relative;
}