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

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?

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;
}

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> 

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;

}

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

Steven Parker
Steven Parker
218,692 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,741 Points

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