Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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

Keesa O'Dea
Keesa O'Dea
872 Points
Posted by Keesa O'Dea
Keesa O'Dea
872 Points

how do I put a border in my paragraph?

How do I give my paragraph a border?

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

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

  </body>
</html>
styles.css 
.main-pg{ //Insert style rules here }
.p{//border-left: 4px}

1 Answer

Brandon Benefield
Brandon Benefield
7,739 Points
Brandon Benefield
Brandon Benefield
7,739 Points

You're really close. Here you are trying to call your <p> tag in two ways. With its class and its HTML tag.
Both ways will work, but calling both is just a waste of time and code.

In order to achieve your goal here, choose whether you want to call your <p> tag with its HTML tag or class.
HTML elements are called on in CSS by just using the tag name. so <p> becomes p.
Classes and ID's are called on in CSS with a . (period) for classed and # (hash) for ID's.
So to solve your problem you can use either 

.main-pg {
  border-left: 4px;
}

or 

p {
  border-left: 4px;
}