How do you do a <div align = " "> so that the text will be at the bottom right?

<HTML><HEAD>
<meta name="description"

content="Anime and Manga

Site">

<meta name="keywords"

content="anime, manga, fansite,

seduction, last serenade, reiko">
<style>
a{color:#A4BDCC;font:8pt

verdana;text-decoration:none}
a:hover{color:#FFFFFF;font:8pt

verdana;text-decoration:none
cursor: crosshair;}

</style>

<body

background="http://i485.photobu

cket.com/albums/rr214/XSuigintou

XAngelX/Yuuki-vampire-knight-13

47729-1024-7.jpg"

BGPROPERTIES="FIXED">
<body link="#b0c4de">
<p>
<p>
<div align = "right">
<p>
<tr><td

height="540"></td></tr>
<tr><td width="5"></td>
<td>

<div style="width: 471px; height:

246px; overflow: auto;

scrollbar-arrow-color: #FFFFFF;

scrollbar-darkshadow-color:

#000000;
scrollbar-track-color: #898989;

scrollbar-face-color: #000000;

scrollbar-shadow-color: #FFFFFF;

scrollbar-highlight-color:

#999999;
scrollbar-3dlight-color: #EEEEEE;

font-size: 9pt; color: #777777;

text-align:left; font-family:

verdana;">

<br><font face = georgia font

size = 5 font color =

slategray><i><div

align="center">The

Site</i></font></div>
<br><b>Hello there!</b>

Welcome to <i>seduction|the last

serenade</i>, a fansite on manga

and anime~! The creator of this

site is <i>Reiko</i>, an avid

manga and anime fan like

yourselves~! Thanks for visiting!
<br><br>NOTE!!! This site is

currently under construction, with

a few problems. Please help

<i>Reiko</i> in any way you can!

<p><font face = georgia font size

= 5 font color =

slategray><i><div align =

"center">Updates</i></font></di

v>

<b>11/11/08 </b> – Under

Construction: Background and

overall look is being changed. I’m

trying to get this thing to go to

the bottom right corner — using

div align. Any suggestions? I

really need your help! Also,

someone suggest themes for me!

Right now, its winter with Vampire

Knight! Ja ne!
<br>
<p>
</div>
</table>
<p><p></td>
</font></head> </HTML>

NOTE: I think I pasted a little too much — Please help me ASAP!

Omit all the table stuff.

Float the second div right. Use text-align: right; ? Or size the right-side div so that it’s narrow enough that it takes up only as much right-side width as you want (like, "width: 30em; or width: 10em; or whatever…). Then use margin-top or padding-top to shove it down from the top of the screen.

This entry was posted in 13 fan site. Bookmark the permalink.

One Response to How do you do a <div align = " "> so that the text will be at the bottom right?

  1. fjpoblam says:

    Omit all the table stuff.

    Float the second div right. Use text-align: right; ? Or size the right-side div so that it’s narrow enough that it takes up only as much right-side width as you want (like, "width: 30em; or width: 10em; or whatever…). Then use margin-top or padding-top to shove it down from the top of the screen.
    References :