i am trying to make a menu so it goes all the way to the right of the screen in my header. I have an image to the left. I want the menu always to be at the right no matter what the user does to the screen. I have gotten the effect that i want but i had to use tables. I want to avoid using tables.A laudable goal, and fairly simple: absolutely position the two lists relative to the containing div. That is, the container should have the declaration
position: relative;applied to it so that the absolutely positioned elements will use it as a reference.
The "Introduction" list should be positioned approximately 7em from the right. It will probably be slightly more unless you position the right-most list flush against the right edge.
The title, "Sophomore Literature" should be a level-one heading, and your current level-three header, "Unit 1, Course Introduction", should be level-two. To make sure the positioned lists don't sit above the level-one heading when the viewport is narrow, place a right margin on the header. It should be about 14em; 7em plus the position from the right assigned to the "Introduction" list.
On the subject of headings, don't skip levels just to get a certain look - use the correct element and style it as needed. Similarly don't use empty paragraphs or non-breaking spaces to simulate margins or padding. Use margins and padding!
Mike