Html 如何在css中提供输入类型文本和输入按钮之间的空间？

这是我的照片

这里输入类型文本和输入按钮之间没有空格

如果我提供页边空白，它就不起作用了

Html:

有人能帮我吗

input[type="submit"]{
    margin-top:10px;
    display:block;
}

我已经编辑了我的答案，现在它开始工作了；

---

我复制了您原来的css行，但逗号给了.frm主类相同的值，因此它们以某种方式合并。

尝试在您的按钮处填充，我也尝试了填充，但不起作用。。thanks@selva填充不起作用，你把填充放在哪里了？@selva把你的.frm main input.text的填充底部放在这里。frm main，输入[type=“button”]{padding top:10px；}不起作用，文本只放在页边空白处：10px，我需要为此添加样式。frm main，输入[type=“submit”]ok@degr，但按钮样式没有更改。。我需要这种款式的纽扣。。现在它看起来像这样，它没有接受你的这个样式。frm main，input[type=“submit”]{..}对不起，我看不懂那个视频。。感谢@degrI可以给你一些关于chrome开发工具html css javascript调试的经验教训。我已经有了输入按钮和文本的默认样式。因此，当我尝试更改.frm主输入按钮的样式时。没有花。。。

.frm-main{
background-color: white !important;
}
input{
min-height: 20px;
}
.frm-main input.text {
height: 29px;
background-color: #FFFFFF;
border-color: #D9D9D9;
border-width: 1px;
border-style: solid;
color: #000000;
text-decoration: none;
font-style: normal;
font-weight: normal;
font-size: 14px;
font-family: Trebuchet MS, sans-serif;
width: 219px;
margin-bottom: 10px;
}

.frm-main, input[type="submit"]{
border: medium none;
background: none repeat scroll 0% 0% #9F2214;
color: #FFF;
font-weight: 400;
font-size: 12px;
text-transform: none;
width:162px;
line-height: 1px;
}

input[type="submit"]{
    margin-top:10px;
    display:block;
}

.frm-main{
background-color: white !important;
}
input{
min-height: 20px;
}
.frm-main input.text {
height: 29px;
background-color: #FFFFFF;
border-color: #D9D9D9;
border-width: 1px;
border-style: solid;
color: #000000;
text-decoration: none;
font-style: normal;
font-weight: normal;
font-size: 14px;
font-family: Trebuchet MS, sans-serif;
width: 219px;
margin-bottom: 10px;
}

.frm-main, input[type="submit"]{
border: medium none;
background: none repeat scroll 0% 0% #9F2214;
color: #FFF;
font-weight: 400;
font-size: 12px;
text-transform: none;
width:162px;
line-height: 1px;
}