html - 粗体字重移动文本对齐

Question

我将标签排成三行并以常规文本显示。我想将这些标签设置为粗体，但是当我在 CSS 中应用该属性时，对齐方式有点困惑。

我添加了一些填充和边距属性以在文本框和标签之间留出更多空间，但这似乎没有帮助。

我试图用“*”将文本加粗，并使其与“姓氏”标签对齐。

如何使标签加粗并保持对齐？我只能更改 CSS 文件，而不能更改 HTML 或文本的字体大小。

Before

After

**Before code-** 
.bold-label {
}

.bold-label:after {
color: #e32;
content: ' *';
display:inline; 
}

**After code-**
.bold-label {
font-weight: bold;
margin-left: -1em;
padding-right: 0.75em;
}

.bold-label:after {
color: #e32;
content: ' *';
display:inline; 
}

提前致谢

Answer 1

做到这一点的唯一方法是让标签在容器元素中右对齐(在姓氏上方)，例如 div 并应用 text-align: right 到那个容器。