positionner un div à droite d'un div centré?

Question

J'ai un <div> qui est au centre de ma page, mais maintenant je dois ajouter un div qui sera à la droite de la boîte centrale, je suis sûr que vous pouvez le faire avec css mais je ne peux pas penser à un Solution.

Ainsi, par exemple

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

la div je besoin serait la même que celle un peu? Mais avec + 396px pour effacer la div qui est déjà là? Est-ce possible ?

Answer 1

Vous recherchez la propriété float css.

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

par exemple,

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

Answer 2

Position du #container relative et #inner absolument.

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

Faites flotter la droite vers la droite. Assurez-vous qu'il est dans votre code HTML avant le 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>