html - Wordpress的表单问题

我是代码的初学者，无法弄清楚为什么我的表单看起来这么拉伸。 http://mycolorshop.com/mycolorshop-inc/contactus

我以为是利润，所以我增加了。我以为是宽度，所以我将其设置为50％。两者都不起作用。有人可以告诉我我需要更改吗？

这是代码：

/* Custom Widget - Contact Form */
.wpcf7-form p {
    margin-bottom: 50px;
}
.wpcf7-form input {
    width: 50%;
}
.wpcf7-form input[type="submit"] {
    width: inherit;
    padding: 50px 30px;
}
.wpcf7-form textarea {
    height: 94px;
    min-height: 68px;
}
.wpcf7-form .wpcf7-response-output {
    margin-left: 20;
    margin-right: 20;
}
.wpcf7-form .wpcf7-not-valid-tip {
    width: 50%;
    left: 0;
    top: -60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#footer .wpcf7-form input,
#footer .wpcf7-form textarea {
    color: #B53D85;
    border: 1px solid #444;
    background: #B53D85;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
#footer .wpcf7-form input[type=submit] {
    text-transform: capitalize;
    border: 20px solid #111;
    background: #B53D85;
}

最佳答案

form {
    width: 50%;
    margin: 0 auto;
    background: #000;
    padding: 20px;
}

关于html - Wordpress的表单问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28357780/