Boa tarde,
Possuo um formulário em HTML onde tenho dois campos que fazem um select de estados e quando selecionado possibilita um select também da cidade. Acontece que o campo cidade fica abaixo do campo estado. Minha pergunta é como faço para deixar o campo cidade ao lado do campo estado. Segue o código HTML:
<div class="field split">
<div class="field">
<label for="uf">UF *</label>
<select id="estado" onchange="buscaCidades(this.value)">
<option value="" selected disabled>:: Selecione</option>
<option value="Acre">Acre</option>
<option value="Alagoas">Alagoas</option>
<option value="Amapá">Amapá</option>
<option value="Amazonas">Amazonas</option>
<option value="Bahia">Bahia</option>
<option value="Ceará">Ceará</option>
<option value="Distrito Federal">Distrito Federal</option>
<option value="Espirito Santo">Espirito Santo</option>
<option value="Goiás">Goiás</option>
<option value="Maranhão">Maranhão</option>
<option value="Mato Grosso do Sul">Mato Grosso do Sul</option>
<option value="Mato Grosso">Mato Grosso</option>
<option value="Minas Gerais">Minas Gerais</option>
<option value="Pará">Pará</option>
<option value="Paraíba">Paraíba</option>
<option value="Paraná">Paraná</option>
<option value="Pernambuco">Pernambuco</option>
<option value="Piauí">Piauí</option>
<option value="Rio de Janeiro">Rio de Janeiro</option>
<option value="Rio Grande do Norte">Rio Grande do Norte</option>
<option value="Rio Grande do Sul">Rio Grande do Sul</option>
<option value="Rondônia">Rondônia</option>
<option value="Roraima">Roraima</option>
<option value="Santa Catarina">Santa Catarina</option>
<option value="São Paulo">São Paulo</option>
<option value="Sergipe">Sergipe</option>
<option value="Tocantins">Tocantins</option>
</select>
<br />
<select id="cidade">
</select>
</div>
</div>
Atenciosamente,
Demerval Feliciano