对齐标签和表单选项和按钮

Question

我正在尝试在同一行上用按钮将两个下拉表单及其标签对齐。

现在看起来像这样；

我想将“ valider”按钮放在同一行上，如果可能的话，也要贴上标签。

我开始做这样的事情，但我想不是我应该做的事：

<div style="display:flex;">
<form>
<div style="float:left">
<label></label>
<option></option>
</div>
</form>
<form>
<div style="float:right">
<label></label>
<option></option>
<input button>
</div>
</form>
</div>

有一个现有的“ bootsrap.css”文件，但我不确定如何覆盖它...

我可以继续进行该项目，但是我不知道如何安排这部分，如果您能帮助我，我将不胜感激:)谢谢

Answer 1

您需要使用flexbox，停止使用float。

UnknownObject

包装器中的所有内容都在同一行

see more about flexbox here