Html 用相等的填充对齐跨距

我有下面的HTML和CSS，这里的跨度是左对齐的。此处的填充权限根据跨距文本大小而变化。是否有一种方式使缩进中的内容与跨距文本大小无关，位于同一行中

.章{ 左边距：5.0em； 右边距：0.2米； } 段落{ 文本缩进：0em； 边缘顶部：0.85em； } .第span.段短语{ 文本缩进：0em； 左边距：-4.75em； 字体大小：粗体； 右侧填充：2.8em； } 8.04 padding shorthand属性在一个声明中设置所有padding属性。此属性可以有一到四个值 8A.03 padding-shorthand属性在一个声明中设置所有padding属性。此属性可以有一到四个值 8AA.01 padding shorthand属性在一个声明中设置所有padding属性。此属性可以有一到四个值 只需添加位置：绝对；用你的短语

---

您需要有一个表布局才能实现您的请求。您可以使用显示表属性，而不是使用实数

基本上，您需要使用一个显示：table；对于每一行，显示：表行；每一列都是一个显示：table cell

您的文本现在可以是动态的，而无需硬编码CSS中第一列的大小

---

这里可以找到一个例子：

如果第一列的文本太长，您的解决方案将不起作用：原始代码是硬编码的，我对实际问题很满意，不是吗？感谢您的否决。