如何使提交输入和文本输入等间隔

Question

我在做网页样式时注意到了：

 <input type='text' placeholder='input1' />
 <input type='text' placeholder='input2' />
 <input type='submit'  />

表单并添加此css：

 input[type='text']{
    display:block;
}

input{
    width:400px;
}

我认为文本输入的宽度和提交按钮之间有一些差别〜20px，但如何使它们同样大？

这是一个片段

input[type='text']{
    outline:none;
    border:1px solid lightgrey;
    border-radius:3px;
    display:block;
    text-align:center;
}

input{
    width:400px;
}

<input type='text' placeholder='input1' />
<input type='text' placeholder='input2' />
<input type='submit'  />

我试着休息边缘和填充但它不起作用的原因？