Having trouble with this exercise:
In the example the text “Introducing Bass” has a blue bottom border line that spans underneath the words. I thought it was as simple as just putting an text-decoration: underline; but… oh no, nothing is ever that simple!
Underline works as far as making sure the text is underlined up to the edge of the word “Bass” and whether the text wraps or not all the text remains underlined. However, this means the underline also passes through the letter “g” in the word “introducing” so this couldn’t be right. I also could not change the color of the underline from white to blue, so I inspected the original HTML example and it seems it was a 5px bottom border. Simple enough right? Nope!
I added this to my CSS:
border-bottom: 5px solid #1A77FF;
That works for getting the blue line I want that does extend below the “g” however, it also extends all the way across the column. Instead of stopping at the end of the word “Bass” the width continues on to span the entire column. It also does not wrap to both words if they are on separate lines. The example HTML has some strange html I have not seen before:
<h2 class> <span class>Introducing Bass</span> </h2>
I don’t understand this, can I have some help? Not sure how that is supposed to make the bottom border wrap underneath “Introducing Bass”