Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Horizontal Alignment Problem

0 views
Skip to first unread message

TBN

unread,
Jan 6, 2003, 2:32:01 PM1/6/03
to
I have the following page:

<html>
<head>
<style type="text/css">
.lbl {background-color:#DCDADA; color:#000000; font-weight:bold;
font-family:"Arial"; font-size:12px; text-align:center;}
.updated {background-color:pink; position:absolute; top:2px; width:45px;
font-size:10px; font-family:arial; text-align:right;}
</style>
</head>
<body>
<div class="lbl" style="position:absolute; left:003px; top:003px;
width:211px; height:015px; clip:rect(0 211px 015px 0)">REVENUE<div
class="updated">01/06/02</div></div>
</body>
</html>

I want the "pink" box to be right-aligned within the gray box yet the text
within the gray box must remain centered. I am unable to make this happen.
Any suggestions?


DaveM

unread,
Jan 6, 2003, 6:19:34 PM1/6/03
to
"TBN" <ih...@noemail.com> wrote in message
news:QQkS9.733$TB1.9...@news2.randori.com...
Add "right: 0;" to the 'updated' class definition.


TBN

unread,
Jan 7, 2003, 10:21:15 AM1/7/03
to
"DaveM" <da...@removeme.dsmorton.com> wrote in message news:avd2t9$u47

[snipped]

> >
> > I want the "pink" box to be right-aligned within the gray box yet the
text
> > within the gray box must remain centered. I am unable to make this
> happen.
> > Any suggestions?
> >
> Add "right: 0;" to the 'updated' class definition.
>

Worked great! Thanks!


0 new messages