HTML Introduction to HTML and CSS Make It Beautiful With CSS Adding a Style to several Elements using Class

Megan Cross
Megan Cross
2,045 Points

How do I add a class to an anchor tag?

I added a class called social-links but it's not right.

index.html
<!doctype html>
<html>
  <head>
    <title>List Example</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>

< a class="social-links"> href="#">Follow me on Twitter!</a>
< a class="social-links"> href="#">Send me an Email!</a>

  </body>
</html>
styles.css

3 Answers

Hey there, you were close but you're closing the anchor tag before declaring the href. Try this

<a class="social-links" href="#">Text you want to show </a>

This is really common in html. Attributes of a tag will all go within the opening and closing of the tag no matter how many there are.

<a class="some-class" id="some-id" href="#" target="_blank" rel="NOINDEX, NOFOLLOW">link text</a>
Steven Parker
Steven Parker
205,345 Points

The class itself seems OK but there's a couple of other issues:

  • there should be no ">" symbol after the class because there is still more to the tag (href)
  • there should be no space between the "<" and the "a" at the beginning of the tag

<a class="social-links"> href="#">Follow me on Twitter!</a> <a class="social-links"> href="#">Send me an Email!</a>

you need to make sure that there is no space between "<" and "a" and make sure to close the tag after putting in the class. ">" before starting the href