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

Posted by Backston Makuve
Backston Makuve
951 Points

In css how do i command a paragraph to be 4px wide,solid and red.

In css how do i give a paragraph a border that is 4px,wide ,solid and red

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{

}

4 Answers

anil rahman
anil rahman
7,786 Points
anil rahman
anil rahman
7,786 Points

Create a border that is 4px,

make it red,

the style we want the border line to be is a normal solid line.

.main-pg {
   border: 4px solid red;
}
Szabolcs Szána
Szabolcs Szána
6,961 Points
Szabolcs Szána
Szabolcs Szána
6,961 Points

Hi, Here is the code: 

.main-pg {
   border: 4px solid #ff0000;
   padding: 5px; /* Little space around the text */
}
Pathapong Pratuengolan
Pathapong Pratuengolan
770 Points
Pathapong Pratuengolan
Pathapong Pratuengolan
770 Points

thank you

Godwin Mugando
Godwin Mugando
6,886 Points
Godwin Mugando
Godwin Mugando
6,886 Points

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