JSFiddle - React, Tailwind, and code Playground

by Felipe Stoker

HTML

<h3 class="imobBoxTipoTitulo">Tipo</h3>
		<div>
			<select class="imobBoxTipo">
			   <option>Todos</option>
			   <option>Teste1</option>
				   <option>Teste2</option>
			</select>
		</div>
		<div class="clear"></div>
		<div class="imobValor">
			<div class="imobValorEsq">
				<h3 class="imobBoxTipoTitulo">Valor</h3>
				<select class="imobBoxTipo imobBoxTipoValor">
				   <option>De</option>
				   <option>Teste1</option>
				   <option>Teste2</option>
				</select>
			</div>
			<div class="imobValorDir">
				<select class="imobBoxTipo imobBoxTipo">
				   <option>At&eacute;</option>
				   <option>Teste1</option>
				   <option>Teste2</option>
				</select>
			</div>
		</div>

CSS

.imobBoxTipoTitulo{font-family: "Trebuchet MS", Helvetica, sans-serif;font-size: 9px;font-weight: bold;color:#b8b8b8;text-transform: uppercase;}

.imobBoxTipo{
	width: 220px;
	float: left;
   height: 34px;
   overflow: hidden;
   background: url(../images/arrow.jpg) no-repeat right #ddd;
   border: 1px solid #ccc;
   }
.imobBoxTipo select{
	width: 260px;
	margin-left: 16px;
	background-color: #f2f2f2;
	height: 38px;
	line-height: 38px;
	font-family: "Trebuchet MS", Helvetica, sans-serif!important;	
	color: #515151;
	font-size: 12px;
	background: transparent;
}
.imobBoxTipoValor{width: 110px;}