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

I need some help understanding what I am doing wrong pleas and thank you . I think I am doing it correctly

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
<h1 class= "social-links"</h1>
 .social-links{
   padding: 15px;
   margin: 10px;
  }

1 Answer

Jackson McComas
Jackson McComas
7,657 Points

First, in the HTML, the href doesn't need extra brackets around it. It should look like this:

<!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>

In the CSS, there is no need for that "h1" tag. Just remove that entire line of HTML code entirely.