donnie

http://www.donnieadams.webs.com/career.htm I had the url wrong. I have to use hr as part of my class assignment.

I am currently taking an Intro to Web design course; this unit we are building a career page using ordered and unordered lists. We also have to apply an external CSS to our page, use the div tag where applicable, and use a horizontal rule or hr tag. Here is my problem. The only way I can get my hr to display underneath my content (which is in div containers inside a div wrapper) is to declare a height other than auto. But, I have to adjust this height as my content gets larger to ensure that the content doesn't flow over the hr element. Here is my CSS body { background-color: #ffdfd0; font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #00008b; line-height: 1.5em; } #left { margin: 0px auto; text-align: center; width: 600px; height: 75px; } /* Center content */ #container { margin: 0px auto; width: 1000px; } #wrapper { margin:0px auto; width:900px; height: 150%; /*important adjustment for spacing between content and hr element */ } #content1 { float: left; width: 350px; } #content2 { float: right; width: 350px; } h1{ text-align: center } /* not in use */ #seperator{ width: 900px; height: 20px; } Is there anyway I can make this to where I don't have to adjust the height every time my content increases or decreases? here is my site: My Career Page