在HTML中对齐对象

我很难使这些正确对齐。
代码如下：

地址2
出生日期
性别
男性
女性

第一个输入是自封闭的，因此您不需要在末尾添加

。第二，DOB没有与其余部分连接，因为它是唯一一个在自己的div中没有关闭的部分，见下文

<div style="display: inline-block;margin-left:10px;">
  <div>
    <label class="inline right" for="ADD2">Address 2</label>
  </div>

  <div>
    <input type="text" style="width: 525px;" id="ADD2">
  </div>
</div>

<div style="display: inline-block; margin-left:10px; ">
  <div>
    <label for="DOB">DOB</label>
  </div>

  <div>
    <input id="DOB">
  </div>
</div>


<div style="display: inline-block; margin-left:10px; ">
  <label for="GEN">GENDER</label>
  <div>
    <select style="width:75px; height:25px;" id="GEN">
      <option value="0"></option>
      <option value="1">Male</option>
      <option value="2">Female</option>
    </select>
  </div>
</div>
Edited per showdevs comment, I didn't realize they were all nested when I glanced through.

地址2
出生日期
性别
男性
女性
根据showdevs评论编辑，当我浏览时，我没有意识到它们都是嵌套的。

使用以下内容：

<div style="display: inline-block;margin-left:10px;">
    <div style="display:inline">
        <label class="inline right" for="ADD2">Address 2</label>
    </div>

    <div style="float: right; display: inline; margin-left: 10px;">
        <input type="text" style="width: 525px;" id="ADD2"></input>
    </div>
</div>

<div style="display: inline-block; margin-left:10px; ">
    <label for="DOB">DOB</label>
    <input id="DOB"></input>
</div>


<div style="display: inline-block; margin-left:10px; ">
    <label for="GEN">GENDER</label>
    <div style="float: right;display: inline;">
        <select style="width:75px; height:25px;" id="GEN">
            <option value="0"></option>
            <option value="1">Male</option>
            <option value="2">Female</option>
        </select>
    </div>
</div>

地址2
出生日期
性别
男性
女性

尝试了解

flexbox

。这很有趣，也很有用，提供的代码看起来不像你的截图；可能代码不完整？您希望标签位于输入上方，还是在同一水平线上？同意。但是为了保持一致性，我认为“DOB”应该像其他两个一样嵌套

元素<代码>。或者，可以完全去掉内部的

元素，只需设置

标签{display:block；}

。哦，顺便说一句，使用

方法，只需将

或

中的一个包在块

中（就像“性别”方法一样）。不过这并不是什么大问题。谢谢你的回答，但这并没有什么区别。我只是演示了如何对齐标签和输入。它正在提供预期的产出。请检查此项：。此外，您可以添加到单独的标签中，并将块输入到行中。您的代码不会像我需要的那样将标签放置在对象上方。把所有东西排成一行不是我要问的。