Absolute – Relative Positioning

[GSG]

http://codepen.io/gsg/pen/wGxmi

I want to put #keyboard in the input element but it doesn’t work.

I tried to set the parent’s(#search) position to relative and the child(#keyboard) to absolute but the result is wrong.

[Paulie_D]

You can’t put anything ‘in’ an input as it’s a self closing element.

The positioning you have is working exactly as you’ve told it too.

http://codepen.io/Paulie-D/pen/wjHfB

Do you have an image of what you are trying to achieve.

[GSG]

I want to replicate the Google Hompage. It has a keyboard icon within the search bar.

[Paulie_D]

Google don’t use an inputthey use a div and a span with a bg image…just use ‘inspect element’ in your browsers developer tools (F12 usually) to inspect the code on that site.

[Author]

Posts