Delian Zidarov

Based on your question I think you are talking about the sections where the underline is below part of the text. I'm not sure you can do that with the boarder property but you can do it using ::before and :: after pseudo elements. This will have a span with the words in it underlined and the bottom of the words over the underline. You can also position the underline however you like in respect to the span. Hope this helps HTML <span class="underline-me">HELLO</span> CSS .underline-me { position: relative; } .underline-me::after { position: absolute; content: ""; width: 100%; height: 4px; bottom: 2px; left: 0; background-color: pink; z-index: -1; }

Hey you can try using background-position: bottom in your css where you are setting the background image or background-position-y: 100%; background-position-y/x gives you more control on how things are positioned