I actually got gray hair from trying to align text :)
text-align only works on block level elements (e.g. <p>), table cells =
<td>
and inline blocks. It won't work on <span> or <a>.=20
The only workaround I know does involve floated divs: create two divs =
(which
reside within div#footer), float one to the left, one to the right.=20
If anybody has a better solution for this on the list, I'd also love to =
hear
it!
Edith=20
"In omnibus requiem quaesivi, et nusquam inveni nisi in angulo cum =
libro" -
Thomas a Kempis ("Everywhere I have searched for peace and nowhere =
found
it, except in a corner with a book")
Hello and thanks very much in advance.
I'm having a problem with the footer on this web page
.....http://www.youthtopia.org/
The text on the bottom, that says, "Learn More About Youthtopia" should =
be
aligned against the right margin, while the other text (to the left of =
that
phrase) on that line should stay precisely where it is.
I've tried
text-align: right;
that has no effect.
I tried to make a separate <div> for this phrase, but created more =
problems
-- other things jolted out of place.
---------------------------------
Wrap the left-aligned links in a div "left".
Give the link with the youthtopia link a class of "right", as below:
<div id="footer">
<p>
<div id="left">
<a href="index.html">Home</a>
<a href="index.html">News</a>
<a href="index.html">Current Projects</a>
<a href="index.html">Books</a>
<a href="index.html">About</a>
<a href="index.html">Links & Contact</a>
</div><!-- end of left div -->
<a href="http://www.youthtopia.org"; class="right">Learn More About
Youthtopia</a>
</p>
.right {float: right;}
#left {float: left;}
Seems to work ok.
hth,
Bill
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
