我如何左对齐div

Question

I would like some help with left aligning the content on the site I am working on. I have a menu on the left hand side and I need a content div to site adjacent to this menu.

In my CSS I currently have the following:

#pageContent_wrapper {
    width:100%;

}
#container {
    width:940px;
    height:100%;
    margin: 0 auto;
}

.page-content {
    float:left;
    padding: 30px 0;
}

The HTML Looks like this:

<div id="pageContent_wrapper">
    <div id="container">
       <div class="page-content">
          <p>Content goes Here</p>
       </div>
    </div>
</div>

This doesn't work though. Essentially I am trying to left align a div with the main content in it.

Answer 1

Remove margin: 0 auto; from the #container .
You also don't need float: left in the .page-content .
Whole CSS should look like this:

#pageContent_wrapper {
    width:100%;
}
#container {
    width:940px;
    height:100%;
}

.page-content {
    padding: 30px 0;
}

Answer 2

add in you css

 text-align:left

And remove

margin: 0 auto;

waiting for your replay....

Answer 3

Thanks @matewka you are quite right adding position absolute to the container is not a good idea I have had a couple of people say the same thing. So instead what I have done is added a float:left to the container with padding-left:270px which works perfectly! Because it means no matter what the content within my container it will always sit that many pixels away from the menu on the left and the content is left aligned with the float.

I don't think I explained exactly what the problem was when I wrote my question. Thank you for your help though.