```
#container {
width: 960px;
margin-left: auto;
margin-right: auto;
height: auto; }

#large_box {
text-align: center;
width: 960px;
margin-left: auto;
margin-right: auto;
height: auto; }

#searchbcid {
position: absolute;
left: 400px;
margin-left: 50px;
top: 280px; }

#createbcid {
position: absolute;
margin-left: 250px;
top: 280px;
left: 550px; }

#loginpos {
position: absolute;
margin-left: 20px;
left: 30px;
top: 280px; }

```

in my html there is a div named `container`. All the other `div`s are placed in within the container.
 Another div ie, `large_box` which contains 3 other `div`'s such as `loginpos`,`searchbcid`,`createbcid`.

But i can't center align the `div` `large_box`.

How can I center align it?