Text underline that colide with an image

Question

I'm using bootstrap library in a project and I want to make the underline of the h1 "meet" the picture, just like in this image: https://i.sstatic.net/aajZI.jpg . What is the easiest way to achieve that?

Answer 1

You could use a div element with a small height and a background colour that has an absolute position on the page relative to the image.