Border-Bottom länger als gewollt

[Andreas Schwab]

Guten Abend,

auf meiner Website möchte ich in der Navigation die Seite unterstreichen auf der man sich gerade befindet. Dafür habe ich im CSS eine Schrift definiert, die mit border-bottom ein Unterstrich erzeugen soll.

c {
    border-bottom: solid 5px #ffffff;
    font-family: Moontype;
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
    margin-right: 4%;
}

Der Unterstrich wird auch erzeugt, jedoch ist er deutlich länger als der Text an sich. Wie kann ich dies unterbinden?

Bei Kontakt ist es gut zu sehen:

Danke für eure Hilfe !