Page 1 of 1

How do you line up icon, submit and input field in line ?

Posted: Sat May 14, 2016 2:29 am
by simonmlewis
We want to be able to let people filter their searches on some of our websites, and we like the method this particuar search engine uses.

But how do they achieve this layout, I guess with CSS, but no idea how they line it all up, or make the icon appear to be inside the input text box (if indeed it is that!).

Any ideas?

Re: How do you line up icon, submit and input field in line

Posted: Sat May 14, 2016 6:46 am
by Celauran
https://jsfiddle.net/jh48yszo/

Literally copy/pasted from 'View Source'