Align button to right side of select

1

Good morning, I'm having trouble leaving the button next to the select. It always stays below the field, how can I leave it positioned on the right side of the field?

<div class="form-group">
  <label class="col-md-4 control-label" for="Selecione">SERVIÇOS :</label>
  <div class="col-md-4">
    <select name="servico_idservico" class="form-control" id="perfil_id required" >
         <option value="">Selecione</option>
                <% 
                for(Servico sl:f.listarServicosNaoVinculados()){
                %>
                <option value="<%=sl.getIdservico() %>"><%=sl.getNome() %></option>
                <%
                }
                %>
            </select><div class="form-group">
  <label class="col-md-4 control-label" for=""></label>
  <div class="col-md-4">
    <button class="btn btn-primary" type="submit">Confirmar Vinculação</button>
  </div>
</div>
  </div>
</div>
    
asked by anonymous 03.12.2017 / 14:20

1 answer

0

Adds in your CSS the line display: inline-block;

Example :

.form-group {
  display: inline-block;
  padding-left: 7px;
}
    
04.12.2017 / 02:55