en-tête et besoin de prolonger le soulignement car border-bottom n'est pas utile dans mon cas

Question

Je voudrais avoir un soulignement sous mon en-tête, avec la largeur d'une bordure inférieure pour simplifier. Cependant, je n'ai pas trouvé comment étendre la largeur/longueur de mon soulignement.

Faites attention: dans mon cas, je ne peux pas utiliser un borderbottom. Cette solution ne fonctionne pas dans mon cas.

<h1 id="hcomp"><img src="exp.png"/>Comp</h1> 

La seule solution serait d'ajouter des espaces jusqu'à atteindre la largeur de ma page:

<h1 id="hcomp"><img src="exp.png"/>Comp         
         </h1> 

Answer 1

Résolu.

<h1 id="hcomp"><img src="exp.png"/>Comp <hr class="hrstyle"></h1> 

Css:

.hrstyle 
{ 
    border-top: 5px solid rgb(114, 159, 207); 
    margin-left: 0.6cm; 
    margin-top:0.05cm; 
    border-left: none; 
     border-right: none; 
     border-bottom: none; 


}