Input inside form to cover all the background

Question

Now I got the following page

I want the orange button to cover all the white background,like here:

Thanks!

Answer 1

You can remove padding: .5em from the form and what you want to make is I assume input field text to be centered that you can do by changing the padding of input[type="website"] field and this is the result fiddle

For your reference I've used padding like this :

padding: .4em .3em .3em .7em;

is nothing but

padding-top: .4em;
padding-right: .3em;
padding-bottom: .3em;
padding-left: .7em;

It's called CSS short hand property, you can get more like these over here