css background width

Hoi, ik zit met een probleempje

Ik heb dit:

.diagonaal{
    background: transparent url(https://www.voorbeeldurl.nl/wp-content/uploads/2018/12/diagonal-lines.png) left 70% repeat-x;
}

en dan in de editor:

<h2 class="diagonaal">Voorbeeld</h2>

Het idee is dat dit mijn heading “onderstreept”. Dat lukt prima, alleen de background is nu de volledige width van de main content area.

Wat ik wil is dat dit de width van de heading krijgt.

Is dat op te lossen?

Tnx