left text alignment works different with different letters

Question

Please see the cases below :

1.

2.

3.

I'm trying to align above h1 (i.e Add Maintenance) with below field label. But the left alignment looks different with different letters.

In example 1 A in Add Maintenance "touches" the left border.

In example 2 C doesn't touch the left border and has some space.

In example 3 B doesn't touch the left border and has some space but space is slightly bigger than in example 2.

How do I align them in a straight line?

Side note :

This is all same site, I just changed the value of h1 text

Answer 1

Try different font because in Arial "B" and "C" letter has some space before it, but "A" does not. You Can notice it in this image:

https://i.sstatic.net/b369T.png