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 How to Make a Website Customizing Colors and Fonts Use Classes in CSS

Posted by Scott Gillespie
Scott Gillespie
Courses Plus Student 701 Points

How do I adjust a specific line of text on the screen?

On a webpage im creating, the copyright logo sits in the middle left hand side of the screen. Im trying to adjust it to move to the bottom center of the screen. How do I do this?

J V
J V
4,471 Points

Best to see your code in order to fully understand what you want. I'm doing the same lesson as you at the moment.

I'm assuming you can just use the following:

footer {
  text-align: center;
}
J V
J V
4,471 Points

alternatively.. you can go to the HTML tab and use the following code:

/* for the copywrite line text ONLY */
<p align=center>&copy; 2016 Your Name.</p>
Scott Gillespie
Scott Gillespie
Courses Plus Student 701 Points

This is my css code. For some reason the p element at the bottom of the code is not sitting at the bottom left corner of the page, the very bottom of the page. I'm not trying to align it right, center, or left, im trying to put it in a specific area on the webpage. What commands could help me do this?

h1{
    text-align: center;
    color: red;
    background: black;
    margin: 0 auto;
}

h2{

    text-align: center;
    color: blue;
    background: black;
    margin: 0 auto;
}

nav {
    position: absolute;
    top: -9px;
    margin: 0 auto;
    text-decoration: none;

}

a { 
    color: green;
    text-decoration: none;
}

p {
    color:blue;

}
Scott Gillespie
Scott Gillespie
Courses Plus Student 701 Points

Wait nevermind! I figured it out! Thanks for the help guys.

Steven Parker
Steven Parker
229,744 Points
Steven Parker
Steven Parker
229,744 Points

:information_source: The align attribute on a p tag is obsolete and not supported in HTML5.

(attention: Jordan)

1 Answer

Farid Wilhelm Zimmermann
Farid Wilhelm Zimmermann
16,753 Points
Farid Wilhelm Zimmermann
Farid Wilhelm Zimmermann
16,753 Points

You could put a <div> around it and center it with margin:auto !