Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML Introduction to HTML and CSS 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,403 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,004 Points
Trevor Maltbie
.a{fill-rule:evenodd;}techdegree seal-36
Trevor Maltbie
Full Stack JavaScript Techdegree Graduate 17,004 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,410 Points
Christine Hendrickson
.a{fill-rule:evenodd;}techdegree
Christine Hendrickson
Front End Web Development Techdegree Student 5,410 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,403 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!