0

Observe a imagem;

inserir a descrição da imagem aqui

Preciso colocar a letra "á" aqui no meio como mostra a seta, mas não sei como fazer isso, já tentei de várias formas. O código abaixo é o meu HTML:

  <div class="form-group">
                  <label for="inputEmail3" class="col-sm-2 control-label">Período:</label>
                  <div class="row">
                      <div class="col-sm-2">
                       <input autocomplete="off" id="idPeriodoInicio" class="form-control monthPicker listar_uj" name="periodoInicio" id="periodoInicio"  placeholder="Período Inicial"> 
                      </div>
                       <div class="col-sm-2">
                        <input autocomplete="off"  id="idPeriodoFim" class="form-control monthPicker listar_uj" name="periodoFim" id="periodoFim" placeholder="Período Final">
                      </div> 
                  </div>
                </div>
3
  • Ao invés de utilizar row's e col's, tente utilizar a classe form-inline nos componentes. Commented 25/04/2019 às 22:22
  • como posso fazer isso?
    – user10264
    Commented 25/04/2019 às 22:22
  • Vou responder como pergunta. Commented 25/04/2019 às 22:31

1 Resposta 1

1
  <div class="form-inline">
   <label for="inputEmail3" class="control-label">Período:</label>
     <input autocomplete="off" id="idPeriodoInicio" class="form-control monthPicker listar_uj" name="periodoInicio" id="periodoInicio"  placeholder="Período Inicial"> 
     <input autocomplete="off"  id="idPeriodoFim" class="form-control monthPicker listar_uj" name="periodoFim" id="periodoFim" placeholder="Período Final">
  </div>

Agora vá adequando a sua necessidade com os estilos do css.

2
  • vale a pena incluir o css por trás da classe "form-inline", você está assumindo que o OP está usando bootstrap. Além de poder confundir outras pessoas mais leigas.
    – Paz
    Commented 25/04/2019 às 23:34
  • Entendi que ele usou bootstrap pelas outras classes implementadas (form-control, control-label, form-group, row e col's), sendo assim dei a dica utilizando o bootstrap. Commented 27/04/2019 às 13:44

Você deve fazer log-in para responder a esta pergunta.