html - Input value is not respecting padding and breaking container -


i'm doing contact form <input type="submit"> submit form. set padding input , have large text value.

my design responsive. in mobile input set 100% of container, text value in input not respecting padding , width. text value not going 2 lines , can't see complete text.

enter image description here

any idea how solve problem welcome!

why i'm using <input> instead <button> or <a href>? because i'm using html create custom contact form 7 in wordpress site, , cf7 uses <input type="submit"> send messages.

add css rule white-space: normal button. in browsers, <input> defaults whitespace: pre whereas <button> defaults white-space: normal.


Comments

Popular posts from this blog

PHP DOM loadHTML() method unusual warning -

python - How to create jsonb index using GIN on SQLAlchemy? -

c# - TransactionScope not rolling back although no complete() is called -