JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div className="hidden-md">
        <div className="row navbar">
          <div className="col-xs-2 col-sm-4 text-center">
            <img src="http://www.free2go.com.au/-/media/allsites/competitions/content-image/free2go-beatsstudioheadphones-480x360.ashx?la=en" />
            <span className="custom-input vertical-align">Filters</span>
          </div>
      </div>

CSS

.vertical-align{
  vertical-align: middle;
}
img{
  border:0;
}