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 trialAlisa Anderson
4,277 Pointsadding a card title to css
How do I add a card title to my css sheet for a border?
<!doctype html>
<html>
<head>
<link href="styles.css" rel="stylesheet">
</head>
<body>
<p class="main-pg" .cardtitle> My amazing website</p>
</body>
</html>
.main-pg {
text-align:center
}
<p>
.card-title {
border: solid 4px red;
}
</p>
1 Answer
Cristian La Spina
11,829 PointsIn your HTML you should add the class 'cardtitle' inside the class attribute without dot, like this:
<p class="main-pg cardtitle"> My amazing website</p>
In your CSS you should remove that <p> opening and closing tag which is not a correct syntax. Also don't forget to complete every value property with a semi-colon (you're missing one after 'center') ... you're also using the name 'card-title' in your CSS while is 'cardtitle' in your html, they should be the same:
.main-pg {
text-align: center;
}
.cardtitle {
border: solid 4px red;
}
Alisa Anderson
4,277 PointsAlisa Anderson
4,277 PointsThank you so much!