Css 在中间并排输入字段和按钮 我有一个输入字段和一个按钮，在中间我要水平和垂直居中（没有变换）。我可以很容易地修复定心部分，但将输入字段和按钮并排放置要困难得多。无论出于何种原因，按钮的位置都低于输入字段

HTML和CSS：

正文{
背景：#000；
文本对齐：居中；
}
.hd{
字体大小：3.9rem；
字体系列：开放式Sans、Segoe-UI、Arial、Verdana、Tahoma、Sans-serif；
颜色：rgb（250250250）；
边缘底部：30px；
}
.内容{
保证金：0；
位置：相对位置；
边际上限：20vh；
}
.form控件，.btn{
显示：内联块；
填充：10px 25px；
字号：1rem；
字体系列：开放式Sans、Segoe-UI、Arial、Verdana、Tahoma、Sans-serif；
边界半径：0；
-webkit外观：无；
}
.表格组{
显示：内联块；
}
.表格管制{
边界：0；
浮动：左；
宽度：250px；
}
*：焦点{
大纲：无；
}
.FormControlT:焦点{
大纲：无；
}
.btn{
背景颜色：浅绿色；
边界：0；
背景色：#ff8e41；
-o-transition:all.3s；
过渡：全部3秒；
字体系列：开放式Sans、Segoe-UI、Arial、Verdana、Tahoma、Sans-serif；
字体风格：普通；
字号：600；
位置：相对位置；
边界：0；
框大小：边框框；
颜色：#fff；
文本对齐：居中；
保证金：0自动；
-webkit外观：按钮；
光标：指针；
}
.btn:：-moz焦点内部{
边界：0；
}
.btn[类型=提交]：活动{
背景#ed7a18；
盒影：0.1px0 hsla（0,0%，100%，0.27），插图0.1px0#bc5f10；
}
.btn[类型=提交]：悬停{
背景色：#ffa353；
-o-transition:all.3s；
过渡：全部3秒；
}

正文
提交

将

输入

和

按钮

元素与

表单组

类放在同一

div

中

正文{
背景：#000；
文本对齐：居中；
}
.hd{
字体大小：3.9rem；
字体系列：开放式Sans、Segoe-UI、Arial、Verdana、Tahoma、Sans-serif；
颜色：rgb（250250250）；
边缘底部：30px；
}
.内容{
保证金：0；
位置：相对位置；
边际上限：20vh；
}
.form控件，.btn{
显示：内联块；
填充：10px 25px；
字号：1rem；
字体系列：开放式Sans、Segoe-UI、Arial、Verdana、Tahoma、Sans-serif；
边界半径：0；
-webkit外观：无；
}
.表格组{
显示：内联块；
}
.表格管制{
边界：0；
浮动：左；
宽度：250px；
}
*：焦点{
大纲：无；
}
.FormControlT:焦点{
大纲：无；
}
.btn{
背景颜色：浅绿色；
边界：0；
背景色：#ff8e41；
-o-transition:all.3s；
过渡：全部3秒；
字体系列：开放式Sans、Segoe-UI、Arial、Verdana、Tahoma、Sans-serif；
字体风格：普通；
字号：600；
位置：相对位置；
边界：0；
框大小：边框框；
颜色：#fff；
文本对齐：居中；
保证金：0自动；
-webkit外观：按钮；
光标：指针；
}
.btn:：-moz焦点内部{
边界：0；
}
.btn[类型=提交]：活动{
背景#ed7a18；
盒影：0.1px0 hsla（0,0%，100%，0.27），插图0.1px0#bc5f10；
}
.btn[类型=提交]：悬停{
背景色：#ffa353；
-o-transition:all.3s；
过渡：全部3秒；
}

正文
提交

将

输入

和

按钮

元素与

表单组

类放在同一

div

中

正文{
背景：#000；
文本对齐：居中；
}
.hd{
字体大小：3.9rem；
字体系列：开放式Sans、Segoe-UI、Arial、Verdana、Tahoma、Sans-serif；
颜色：rgb（250250250）；
边缘底部：30px；
}
.内容{
保证金：0；
位置：相对位置；
边际上限：20vh；
}
.form控件，.btn{
显示：内联块；
填充：10px 25px；
字号：1rem；
字体系列：开放式Sans、Segoe-UI、Arial、Verdana、Tahoma、Sans-serif；
边界半径：0；
-webkit外观：无；
}
.表格组{
显示：内联块；
}
.表格管制{
边界：0；
浮动：左；
宽度：250px；
}
*：焦点{
大纲：无；
}
.FormControlT:焦点{
大纲：无；
}
.btn{
背景颜色：浅绿色；
边界：0；
背景色：#ff8e41；
-o-transition:all.3s；
过渡：全部3秒；
字体系列：开放式Sans、Segoe-UI、Arial、Verdana、Tahoma、Sans-serif；
字体风格：普通；
字号：600；
位置：相对位置；
边界：0；
框大小：边框框；
颜色：#fff；
文本对齐：居中；
保证金：0自动；
-webkit外观：按钮；
光标：指针；
}
.btn:：-moz焦点内部{
边界：0；
}
.btn[类型=提交]：活动{
背景#ed7a18；
盒影：0.1px0 hsla（0,0%，100%，0.27），插图0.1px0#bc5f10；
}
.btn[类型=提交]：悬停{
背景色：#ffa353；
-o-transition:all.3s；
过渡：全部3秒；
}

正文
提交

更改：

<div id="name-group" class="form-group">
    <input type="text" class="form-control">
</div>

<button type="submit" class="btn btn-success">Submit<span class="fa fa-arrow-right"></span></button>

正文
提交

更改：

<div id="name-group" class="form-group">
    <input type="text" class="form-control">
</div>

<button type="submit" class="btn btn-success">Submit<span class="fa fa-arrow-right"></span></button>

正文
提交