Probleme mit Positionierung von Pseudo-Element

[drdf]

Mein Lösungsvorschlag:

h1 {
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 53px 2px;
  background-repeat: no-repeat;
  background-position: left top;
}

h1.center
{
  background-position: center top;
  text-align: center;
}