HTML Introduction to HTML and CSS Make It Beautiful With CSS Test: Styling by Element and Class

im stuck on 522 intro to css and html

how can i change class close sentence and change css ? need help with 3 objectives.

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

    <p>My amazing website</p>

  </body>
</html>
styles.css

2 Answers

Hey Carlton Schackert,

In your index.html file add a class attribute and give it a name main-pg.

    <p class="main-pg">My amazing website</p>

Then, inside your css file, select that class attribute to give it a border.

.main-pg {
  border: 4px solid red;
}

Hope this helps!

First, you will need to give the paragraph a class. This can be done by adding a "class" in the starting paragraph. And then a name for the class

<p class="main-pg">My amazing website</p>

Second, you will need to make a reference to the class from the HTML file. This can be done by adding a "." and then the name of the class you are trying to change. Like this:

.main-pg {

}

Third, you will need to add a border for the ".main-pg", that is solid, red and 4px. This can be done like this:

.main-pg {
  border: solid red 4px;
}