JSFiddle - React, Tailwind, and code Playground

by queryj

HTML

<link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css">
<div style="padding:20px;">
  <form class="form-search form-inline">
    <input type="text" class="search-quer2y" placeholder="Search..." />
  </form>
</div>

CSS

input.search-query {
  padding-left: 26px;
}

form.form-search {
  position: relative;
}

form.form-search:after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background-image: url(http://getbootstrap.com/2.3.2/assets/img/glyphicons-halflings.png);
  background-position: -48px 0;
  position: absolute;
  top: 8px;
  left: 200px;
  opacity: .5;
  z-index: 1000;
}