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 Select and Style by Class

Gerald Acevedo
seal-mask
.a{fill-rule:evenodd;}techdegree
Gerald Acevedo
Front End Web Development Techdegree Student 412 Points
Posted by Gerald Acevedo
.a{fill-rule:evenodd;}techdegree
Gerald Acevedo
Front End Web Development Techdegree Student 412 Points

border wont show up

.card-tittle{ text-align: center; border: solid black 3px; }

that is my code neither the text align or the border is working and I don't know why pls help

6 Answers

Lasse Pedersen
Lasse Pedersen
10,416 Points

Hint: Check the spelling of the class name i.e. .card-title.

Trevor Maltbie
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Trevor Maltbie
Full Stack JavaScript Techdegree Graduate 17,021 Points
Trevor Maltbie
.a{fill-rule:evenodd;}techdegree seal-36
Trevor Maltbie
Full Stack JavaScript Techdegree Graduate 17,021 Points

nothing showing.

<div class="card"> <h2 class="card-title">Background</h2>

CSS .card-title { text-align: center; border: solid black 3px; border-radius: 50%; }

Christine Hendrickson
seal-mask
.a{fill-rule:evenodd;}techdegree
Christine Hendrickson
Front End Web Development Techdegree Student 5,422 Points
Christine Hendrickson
.a{fill-rule:evenodd;}techdegree
Christine Hendrickson
Front End Web Development Techdegree Student 5,422 Points

Just in case anyone else runs into this and they've tried all the other suggestions:

I had checked the spelling, cleared cache, relaunched the workspace and just about every other suggestion that's posted here.

For me, I finally discovered (when trying to change the class name in the CSS file) to "h2" instead of "card-title" that there was an error. It was as simple as having an open curly brace { at the end of the last line in the rule above it.

So my spelling and everything in that particular rule was correct, I just hadn't closed the previous rule correctly.

Chase Sears
Chase Sears
414 Points

Thanks! Worked for me.

Steven Banks
Steven Banks
1,595 Points
Steven Banks
Steven Banks
1,595 Points

Thanks this was driving me insane.

Lasse Pedersen
Lasse Pedersen
10,416 Points

It should say .card-title. If that doesn't work, try writing the HTML and CSS as code here. (see Markdown Cheatsheet)

E A
seal-mask
.a{fill-rule:evenodd;}techdegree
E A
Python Development Techdegree Student 587 Points
E A
.a{fill-rule:evenodd;}techdegree
E A
Python Development Techdegree Student 587 Points

I accidentally wrote "card title" in the HTML and "card-title" in the CSS, so it didn't show up. Just needed to add a hyphen. So make sure it's exactly the same!