position a div to the right of a centered div?

Question

I have a which is in the center of my page, but now i need to add a div which will be to the right of the center box, i am sure you can do this with CSS but can't think of a solution.

So for example div#container{margin-left: auto;margin-right: auto;width: 396px;display:block;margin-top: 110px;}

the div i need would be the same as that kinda? but with +396px to clear the div thats already there? Is this possible ?

Answer 1

You are looking for the float css property.

http://www.w3schools.com/css/pr_class_float.asp

e.g.

<div>
  <div style="float:left"> Lorem Ipsum</div>
</div>

Answer 2

Position the #container relative, and #inner absolutely.

div#container {
    margin-left: auto;
    margin-right: auto;
    width: 396px;
    display: block;
    margin-top: 110px;
    position: relative;
}

div#inner {
    position: absolute;
    right: 0px;
}

Answer 3

Float the right div to the right. Be sure it is in your html before the div#container.

div#container{margin:100px auto 0;width: 396px;height:396px;margin-top: 110px;background-color:#ccc;}
div#right{float:right; width:200px;height:200px;background-color:#c6c;}

<div id="right"></div>
<div id="container"></div>