Aligning Text

[justlivyalife]

CSS:

#nav1 {
 position: absolute;
 background-color: #999999;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 80px; 
 z-index: 1; }

#sitetitle {
 font-size: 36px; }

I'm trying to align the property 'sitetitle' at the bottom right of the 'nav1' box. The code I am using for outputting this code is below. What code should I use to align the property?

 <div class="nav1">
 <span class="sitetitle">Hello!</span>
 </div>

[justlivyalife]

Worked out how to get it on the right, simply with the text-align property, now how to get it at the bottom of the DIV?

[TheGAME1264]

vertical-align: bottom; in the div would likely do it. If not, try the span.

[justlivyalife]

Hmm, neither works.

[Aleister]

vertical-align: bottom does not actually do what it would sound like.. it does not affect the position of text like that.

Put another div in there.. absolute position it to the bottom.. then put the text in there

[Aleister]

Or, if nothing else is in the div except the text you want at the bottom, just set a large padding-top

[justlivyalife]

Cheers for the help, I chose the latter option

[teal]

I just noticed something, you are saying "class," but denoting it in your CSS with a hex (#). A hex is an ID, a class is a ".classname"

[justlivyalife]

Aha! I am, does this make much difference. I've change the code anyhow thanks .

[Brak]

This makes a massive difference.

IDs are meant to be one-time use elements - headers, footers, etc while classes are meant to be used over and over - like red, blockquote, etc.

They are not interchangeable either, so that would definately make a big difference