You could put it in a DIv like this:
<div class="mybottom">
<p> AF </p>.
</div>
Then your CSS is like this:
.mybottom {
position: absolute;
bottom: 0;
right: 0;
height: 50px;
background-color: blue;
color: yellow;
}
hth
--------------------------------------------------
From: "Angela French" <afre...@sbctc.edu>
Sent: Friday, October 21, 2011 10:15 PM
To: <css-d@lists.css-discuss.org>
Subject: [css-d] help with positioning text in bottom right corner ofcontent
area
I need to position a very small text item in the bottom right hand corner
of my content area.
I've tried positioning it relative with bottom:0 and right:0, but that
didn't work. So then I just positioned it like so:
<p style="position:relative;bottom:0;left:100%;">AF</p>.
This does move it to the right, but not to the bottom of my page content
area. I can't determine what is keeping it from sitting on the bottom.
Any advice appreciated. Here is my test page:
http://sbctc.edu/college/test.aspx
Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
afre...@sbctc.edu
http://www.checkoutacollege.com/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
