HTML/CSS将2个元素与1个元素对齐,例如,2个输入与一个标签对齐

HTML/CSS将2个元素与1个元素对齐,例如,2个输入与一个标签对齐,html,css,Html,Css,以下是我想要实现的目标: 如何将输入2与输入1对齐? 这让我心烦意乱,要完成这么简单的事情似乎有多么困难。显然,整个过程都需要网络响应。 还有,我不想用桌子 <form> <div class="field"> <label>Label</label> <input id="Input 1" type="text" /> </div> <div class="field">

以下是我想要实现的目标:

如何将输入2与输入1对齐? 这让我心烦意乱,要完成这么简单的事情似乎有多么困难。显然,整个过程都需要网络响应。 还有,我不想用桌子

<form>
  <div class="field">
    <label>Label</label>
    <input id="Input 1" type="text" />
  </div>
  <div class="field">
    <input id="Input 2" type="text" />
  </div>
</form>

标签

Float可以很容易地做到这一点。确保底部边距足够大,可以推动第二个输入:

标签{
浮动:左;
利润率:5px 0 10px;
}
输入{
保证金:2p5px;
}

标签

Float可以很容易地做到这一点。确保底部边距足够大,可以推动第二个输入:

标签{
浮动:左;
利润率:5px 0 10px;
}
输入{
保证金:2p5px;
}

标签