title: Positioning a 'line' near a header, that independent of the header size, length, padding or margin
body: <p>I want to obtain a header like in the image below<a href="https://i.stack.imgur.com/nvrgf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nvrgf.png" alt="enter image description here"></a></p>
  
  <p>I can obtained using position absolute, but this depends on  the header characteristics, like margin,padding.</p>
  
  <p>I'm interested to have the result below, indifferent of the header size,length , padding or margin. I need something that is supported also by older browsers like IE10, IE11.</p>