0

Estoy tratando de diseñar un componente con un input y un boton justo alado, es para hacer una busqueda, dentro del css estoy usando display table, para alinear los componentes.

El problema es que en chrome funciona bien el heigth que le aplico al boton para que utilice el 100% de su contenedor padre (en este caso span), alguien podria ayudarme?.

Estoy buscando la solucion por que deja esos cuantos pixeles de diferencia y no se alinea a la par con el input text

acontinuacion les dejo un codepen en donde estoy realizando el codigo:

Asi es como se ve en firefox: [![Asi es como se ve en firefox: ][2]][2]

Asi se ve en safari:

Asi se ve en safari:

2
  • Hola, utilize display:flex; en div.wrapper-input el 13 feb. 2017 a las 19:44
  • Si bien es válido hacer referencia a recursos externos, la preguntas debe incluir toda la información relevante. Cabe mencionar que Stack Overflow en español tiene la herramienta framento HTML/JavaScript/CSS por lo que no usualmente no es necesario recurrir a herramientas externas similares.
    – Rubén
    el 14 feb. 2017 a las 4:56

1 respuesta 1

0

Aquí te dejo una solución con bootstrap espero te sirva.

http://bootsnipp.com/snippets/featured/custom-search-input

1
  • 1
    En este sitio no se permiten las respuetas que sólo incluyen un enlace. Esta respuesta es prácticamente eso. Si bien es válido incluir referencias a recursos externos, la respuesta debería incluir un breve descripción y las partes más relevantes.
    – Rubén
    el 14 feb. 2017 a las 4:57

Tu Respuesta

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

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