html - 左文本对齐方式与不同的字母不同

Question

请看以下案例：

1.

2.

3.

我正在尝试将 h1 以上（即添加维护）与以下字段标签对齐。但是不同的字母左对齐看起来不同。

在示例 1 A 中Add Maintenance“触及”左边框。

在示例 2 C 中没有触及左边框并且有一些空间。

在示例 3 中，B 没有触及左边框并且有一些空间，但空间比示例 2 中的稍大。

如何将它们对齐在一条直线上？

边注 ：

这都是同一个站点，我只是更改了 h1 文本的值

Answer 1

尝试不同的字体，因为在 Arial 中，“B”和“C”字母前面有一些空格，但“A”没有。你可以在这张图片中注意到它：

http://i.stack.imgur.com/b369T.png