如何在span元素中应用空间

Question

我一直在尝试在span元素中应用一个空格，但无法执行此操作。

在我的应用程序中，我有以下两个span元素。

<span style='color:red;margin-right:1.25em'>*</span> 
<span style='color:red;margin-right:1.25em'>&nbsp;</span>

将这两个跨度应用于不同的字段以使它们达到相同的对齐级别，但是我有以下问题。 PFB

以上代码有什么问题

第一个名称字段应该向右移动一点，以便正确对齐。

Answer 1

保证金适用于阻止或内联阻止元素

但不是内嵌元素，如

span 标签

试试这个

<span style='color:red;margin-right:1.25em; display:inline-block;'>&nbsp;</span>

Answer 2

由于默认情况下span元素是内联元素，因此规范会忽略水平边距。您可以使它们成为内联块（大多数但不是所有浏览器都支持），或者使用填充而不是边距。

这可能无法解决最终问题，因为除了偶然之外，字符“*”和不间断空间的宽度不同。要设置由表单字段和相关标签和说明组成的数据表，请使用HTML表格，然后在CSS中添加一些样式。