Latest solutions
Interactive comment section using React and Local Storage to sim. a db
#accessibility#reactPSubmitted about 3 years ago
Latest comments
- @Dhei-vidP@delianZidarov
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; }
Marked as helpful - @Parthib45P@delianZidarov
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