Html 将文本向右对齐而不移动位置

我有一个Microsoft Word中的表单草稿示例，如下所示：

我试图通过HTML将此表单重新创建为网页，但我遇到了一些问题，无法使textbox标签对齐方式与草稿中的对齐方式完全相同，即右对齐，然后是textbox

当我添加HTML元素时，它当前是这样的：

然而，我试图实现标签的正确对齐，就像上面的草稿一样，所以我尝试在css中使用text align:right函数，但这是我得到的结果

它实现了我想要的功能，即标签右对齐，但在div的末尾，所有内容都向右移动，这意味着如果我希望字段的位置像草稿一样偏左，这是否意味着我必须通过css中的左定位属性移动每个单独的元素？有没有比这更有效的方法

* { 保证金：0； 填充：0； } .外框{ 位置：相对位置； 边框：1px纯黑； } .内框架{ 边框：1px纯黑； 高度：600px； 宽度：700px； 文本对齐：右对齐； } 名称 住址 电话号码 身份号码 公司 职位名称

---

将标签设置为内联块，将其宽度设置为最大文本的宽度，然后将其向右对齐：

标签{ 显示：内联块； 宽度：7.75em； 文本对齐：右对齐； 右边距：2米； } 名称 住址 电话号码 身份号码 公司 职位名称

---

您可以固定标签的宽度，然后将其向右对齐：

.entry label {
   display: inline-block;
   width: 200px;
   text-align: right;
   margin-right: 10px;
}

---

将以下定义添加到内部框架类将解决此问题

margin:auto; //will center the div

如果需要将其与其他区域对齐，请使用精确的边距值

margin: 10px 50px 20px 0;

---

阅读更多有关主题的信息，请参见添加页边空白：自动添加到.inner_框架，如果您希望它采用内容的大小 并添加下面的代码以调整行

.inner_frame{ margin:auto }

.进入{ 显示器：flex 证明内容：之间的空间； 边距：1米 }