I have some content i want to align on the right side of a box that is centered and 1000px wide. I create an id named loginmenu and make it the width of the screen
#loginmenu{
z-index : 3;
position : absolute;
top: 190px;
width:100%;
color : #000033;
font-family:tahoma;
font-weight:bold;
font-variant:small-caps;
}
Then i create a sub style and make the width 1000px; that way it is centered over the background image. I use text-align:right;
#loginmenu p{
width : 1000px;
text-align:right;
}
I then create a div
<div id="loginmenu"><p> LOTS OF CODE....</p></div>
This menu that appears is not aligned to the right. However if i put text-align:right; in the first css definition it pushes the whole 1000px box to the right with the text centered inside that.... I believe....
Can someone help please?
Im also having a similar issue with a table inside a div ill get to that later.
The site is www.players-vintage.com if interested