1
<div class="cajaUser">
 <span class="fa fa-user"></span>
 <input type="text" class="form-control" placeholder="Escribe un nombre">
</div>

No se como moverlo a la derecha sin que se salga del input y que a la hora de agrandar la pantalla , tampoco se salga del input.

2
  • Por principio input no es un contenedor. Necesitas arreglarlo con CSS o con Boostrap(Hay más opciones). Boostrap tiene unas plantillas que te permiten alinear el icono. Prepend es la clase.
    – Legna
    Commented el 13 mar. 2019 a las 1:48
  • si pero no me funciono
    – makoto
    Commented el 13 mar. 2019 a las 3:00

1 respuesta 1

1

Ya lo he solucionado el problema y esto es lo que hice.

<div class="cajaUser">
    <label>User</label>
    <div class="iconCheck">
      <i class="fa fa-check"></i>
    </div>
    <input type="text" class="form-control">
</div>

.iconCheck {
    position: relative;
}

.fa {
  position:absolute;
  padding: 11px;
  right: 1px;
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.