如何使用css和html创建应用程序表单行

嗨，朋友们，我正在尝试使用html和css创建一个应用程序表单行，它应该如下图所示。 因为我将以pdf格式包装，所以是否有必要将所有内容都放在表中？有人能帮我吗？如何创建准确的应用程序线，如belwo image。 以下是我尝试过的

[demo][1]

这是我的更新代码，但我不认为绝对位置将工作在pdf格式，所以请html我得到这个pdf格式

<table>
            <tr>
               <h3 style="position:relative">Signed at_________, this __________</h3>
               <span style="position: absolute;top: 40px;left: 110px;font-weight: bold;">ville</span>
                <span style="    position: absolute;top: 40px;left: 240px;font-weight: bold;">date</span>
            </tr>

        </table>

签字地点：本__________
维尔
日期

---

Her是所有表格文本都需要在

标记中。我将向表中添加一个类来控制字体大小和粗体，以防止在任何地方使用

s

表格{
字体大小：粗体；
边界塌陷：塌陷；
}
.行表格{
背景色：#ffff00；
}
.行说明{
文本对齐：居中；
}

签署于
________________
，这
________________
维尔
日期

所有表格文本都需要位于

标记中。我将向表中添加一个类来控制字体大小和粗体，以防止在任何地方使用

s

表格{
字体大小：粗体；
边界塌陷：塌陷；
}
.行表格{
背景色：#ffff00；
}
.行说明{
文本对齐：居中；
}

签署于
________________
，这
________________
维尔
日期

当然，这取决于您计划具体使用什么。但是CSS中的相对定位功能非常强大，例如

<p>
This is a line with <span class="inputline"><span class="subtext">some attribute</span></span> spacing.
</p>

---

在这里查看结果：

当然，这取决于您计划具体执行什么。但是CSS中的相对定位功能非常强大，例如

<p>
This is a line with <span class="inputline"><span class="subtext">some attribute</span></span> spacing.
</p>

---

在此处查看结果：

共享您已经尝试过的代码。这两种css方法都失败了。你用什么软件来转换成PDF？分享你已经尝试过的代码。这两种css方法都失败了。您正在使用什么软件将其转换为PDF？非常感谢您的回复和回答，但当我转换为PDF时，您的回答会有所不同：-（感谢你在这里的回复，我投票给你10+，因为你回答了我的问题，并教授了一些关于职位相关的新知识，我会记住这一点。但是上一个答案中的表格结构对我非常有用，因为你的回复和答案，但当我转换成pdf时，它就不一样了。）-（感谢你在这里的回复，我投票给你10+，因为你回答了我的问题，并教授了一些关于职位相关的新知识，我会记住这一点。但是上一个答案中的表格结构对我非常有用，因为你的回复和答案，但当我转换成pdf时，它就不一样了。）-（谢谢你的回复，它在小css之后工作，但是你的表格结构起了作用，加上+10。干杯非常感谢你的回复和回答，但是当我转换成pdf时，它就不一样了。）-（谢谢你的回复，它在小css之后工作，但是你的表格结构起了作用，加上+10。干杯