Html 把一个盒子正好放在另一个盒子上

在html中，我有以下表单：

<form action="index.php" method="GET">
        Name <input type="text" name="FirstName" size="10" /><br />
        <br />
        Surname: <input type="text" name="LastName" size="10" /><br />
        <br />
</form>

名称



姓氏：

---

这是一个带有名字和姓氏的for。有没有可能使一个盒子正好向下到另一个盒子。因为第一个框更接近名字，因为它的字母比姓氏少，并且分别占用空间？

不使用

CSS

最简单的方法是使用HTML的

表

考虑一下这个片段：



名称


姓：
这里有一种方法可以做到这一点


输入{位置：绝对；左：80px；}

名称



姓：
首先，您应该改进HTML<代码>

很难看，您应该使用

标签将文本与
输入关联起来：


姓名：
姓：

现在，您可以尝试将
表单
显示为表格：

表单{
显示：表格；
}
标签{
显示：表格行；
}


表单{
显示：表格；
}
标签{
显示：表格行；
}

姓名：
姓：
HTML:

<form action="index.php" method="GET">
       <label>Name:</label><input type="text" name="FirstName" size="10" /><br />
        <br />
        <label>Surname:</label> <input type="text" name="LastName" size="10" /><br />
        <br />
</form>

label{
    display: inline-block;
    float: left;
    clear: left;
    width: 150px;
    text-align: right;
}
input {
  display: inline-block;
  float: left;
}

Fiddle:
结构和样式应该分开，html表格不是一个布局选项。p没有提到有问题的
CSS
标记。所以我提供了
HTML
solution@billy，仅仅因为没有CSS标记并不意味着“请给我一个与当前标准背道而驰的答案，忽略任何专门用于演示的内容，并给我一些语义不正确的内容，这样我就可以从一开始就学会错误，也许有一天我会尝试学习CSS“给予绝对位置是一种不好的做法，当你在不同的设备上进行检查时——不完美但不是不好的做法——绝对位置有很多用途。菜单列表经常使用它。然而，使用HTML表格进行布局是一种不好的做法，链接是无效的。下面的引文来自此链接，但太长，无法放在一条注释上。不应将表格用作布局辅助工具。历史上，许多Web作者使用HTML格式的表格来控制页面布局，这使得从此类文档中提取表格数据变得困难。特别是，易访问性工具（如屏幕阅读器）的用户可能会发现，使用用于布局的表格浏览页面非常困难。引用的第二部分确实指出，“如果表格用于布局，则必须使用属性role=“presentation”标记“对于用户代理来说，它可以将表格正确地表示为辅助技术，并将作者的意图正确地传达给希望从文档中提取表格数据的工具。”我在代码中的任何地方都看不到
role=“presentation”
当然还有注释”除了使用HTML表格进行布局外，还有多种选择，主要是使用CSS定位和CSS表格模型。”Oriol的答案就是这样。