Text Decoration none NOT Working code is right


#1

Hello Everyone. I'm stuck at this part of the course:

https://www.codecademy.com/courses/web-beginner-en-UuBLw/0/5?curriculum_id=50579fb998b470000202dc8b

And I believe this code is completely correct. Yet, it keeps saying: 'Did you remember to set your link's text-decoration to none;?' Yes I did, so why isn't it working? I see a lot of people have had this problem, and I'm sorry to ask again, but I see no solution. Can you help?

img {
display: block;
height: 100px;
width: 300px;
margin: auto;
}

p {
text-align: center;
font-family: Garamond, serif;
font-size: 18px;
}

/*Start adding your CSS below!*/
div {
height:50px;
width:120px;
border-color:#6495ed;
border-style:solid;border-width:2px;
background-color:#bcd2ee;
border-radius:5px;
margin:auto;
text-align:center;
a {
text-decoration:none;
color:red;
}


#2

The problem is that you didn't close the div styles. You just need to add a }.


#3

OMG thank you so much!!! I was so frustrated. I wish that when I got the wrong answer it would have directed me to correct the div code rather than the link code, because I got fixated with the code, and therefore didn't look to the other part. Thank you. I'll look over the whole thing from now on. : )


#4

iv {
height:50px;
width: 120px;
border-color:#6495ED;
background-color:#BCD2EE;
border-radius: 5px;
margin: auto;
text-align: center;
a{
text-decoration: none;
color: red;
}
}

having similar problem - please help


#5

Please ask as a separate question together with the error message you're getting (and the link to the exercise).


#6