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

Posted by Alex Michel
Alex Michel
4,746 Points

background won't center

I added the class attribute and "card-title" to index.html and I added .card-title and text-align: center to the styles.css but the background title won't center in the preview workspace.

Phillip Alemu Oliver
Phillip Alemu Oliver
554 Points

I'm having the same problem. Please help?

6 Answers

Rabin Gharti Magar
.a{fill-rule:evenodd;}techdegree seal-36
Rabin Gharti Magar
Front End Web Development Techdegree Graduate 20,926 Points

Hey Alex Michel,

I double-checked your code, viewed it on my browser and your <heading> is aligned to center.

Rabin Gharti Magar
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree seal-36
Rabin Gharti Magar
Front End Web Development Techdegree Graduate 20,926 Points
Rabin Gharti Magar
.a{fill-rule:evenodd;}techdegree seal-36
Rabin Gharti Magar
Front End Web Development Techdegree Graduate 20,926 Points

Hey Alex Michel,

Your code seems to be correct and it should work fine. I haven't seen your code in your workspace but try adding this:

index.html 
        <h2 class="card-title">Background</h2>
styles.css 
.card-title {
text-align: center;
}
Alex Michel
Alex Michel
4,746 Points

I made the changes but it still won't center. Here's my code.

Rabin Gharti Magar
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree seal-36
Rabin Gharti Magar
Front End Web Development Techdegree Graduate 20,926 Points
Rabin Gharti Magar
.a{fill-rule:evenodd;}techdegree seal-36
Rabin Gharti Magar
Front End Web Development Techdegree Graduate 20,926 Points

Hey Alex Michel ,

The link you sent me displays an error message!

Alex Michel
Alex Michel
4,746 Points

How do I link to my workspace?

Rabin Gharti Magar
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree seal-36
Rabin Gharti Magar
Front End Web Development Techdegree Graduate 20,926 Points
Rabin Gharti Magar
.a{fill-rule:evenodd;}techdegree seal-36
Rabin Gharti Magar
Front End Web Development Techdegree Graduate 20,926 Points

You can take a snapshot of your workspace.

Here's how you do it: Go to your workspace and on the top right hand corner, there is an icon of camera to take a snapshot!

Alex Michel
Alex Michel
4,746 Points

This is my snapshot. I hope it works this time.

Alex Michel
Alex Michel
4,746 Points
Alex Michel
Alex Michel
4,746 Points

It worked. Thanks.

Rabin Gharti Magar
.a{fill-rule:evenodd;}techdegree seal-36
Rabin Gharti Magar
Front End Web Development Techdegree Graduate 20,926 Points

No problem!

Phillip Alemu Oliver
Phillip Alemu Oliver
554 Points
Phillip Alemu Oliver
Phillip Alemu Oliver
554 Points

Nevermind. I fixed it.