Centering input field

Asked Jul 05 '18 at 08:41

Active Jul 05 '18 at 08:47

Viewed 30 times

I have this input field:

<input alt="PayPal - The safer, easier way to pay online!" name="submit" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" type="image" class="paypal">

I want to center it on the page, I tried using text-align:center, I tried to wrap it in a div set width to 100% and the margin to auto but it gets stretched in an ugly way, so how can I center it correctly?

edited Jul 05 '18 at 08:44

Andrew Bone

7,092
2
18
33

asked Jul 05 '18 at 08:41

Peter Johnson

http://jsfiddle.net/mplungjan/Lo7w9vdp/ - and NEVER give anything in a form the name or ID submit if you are ever planning to submit something using script – mplungjan Jul 05 '18 at 08:46
Use a div to wrap and aling the input content like: `
` – vahdet Jul 05 '18 at 08:47
Thanks, it worked – Peter Johnson Jul 05 '18 at 09:08

Centering input field

0 Answers0