So on this webpage https://codepen.io/freeCodeCamp/full/YqLyXB there are elements that seem to be icons like this </>.
I am attempting to put these into my webpage but I found out they have some sort of background that is editable in CSS. I thought it was padding but it doesn’t seem like it. Particularly I am talking about the one in the middle of the line in the middle of the page. ( the one that looks like ----------</>----------)
If I toggle the padding for it the line beneath it appears again as well as toggling the white color for part of the div underneath the symbol? I’m not sure how they managed that. I’m not sure how to get this element in my webpage to look like that, besides taking two divs and placing them next to each other instead with the symbol in the middle. It’d look the same but would be drastically different code-wise.
Any help is appreciated.