Centralize input vertically within panel-Heading

Asked

Viewed 66 times

0

How can I center this search input to stay on the line of text? I tried applying margin but instead of going up, he pushes the table down inserir a descrição da imagem aqui

Current Code:

         <!-- tabela servicos solicitados -->
            <div id="paineldeordens" class="panel panel-default pull-left" style="width:74%">
              <div class="panel-heading">Lista de serviços solicitados
                  <div class="form-group has-feedback pull-right" id="pesquisadiv">
                      <input type="text" class="form-control col-xs-2 input-sm" id="inputbusca"/>
                      <span class="glyphicon glyphicon-search form-control-feedback"></span>
                  </div>
              </div>
css bootstrap-3
  • 1

    I’m pretty sure that one clearfix resolves.

  • 1

    @Wilhelm worked in parts, so http://prntscr.com/h5egvt

  • 1

    Your input is inside a form-group class and he has margins I think it’s margin-bottom: 5px; try to take away his margin.

  • I withdrew, the result is fine, but I will try to center the text vertically

  • 1

    Depending on the input can affect the text on the left, then you can work with line-height maybe your input is centered, but the text is not, giving the impression that the input is not.

No answers

Browser other questions tagged css bootstrap-3

You are not signed in. Login or sign up in order to post.