html - メイン div の隣に別の div を配置

Question

margin:0 auto; で画面の中央にあるメイン DIV があります。ここで、メインの DIV の隣に外側 (右側) に別の div を追加する必要があります。画面サイズを増減しても、位置は移動しないはずです...助けはありますか?

<div style="width:320px; height:500px; background-color:#C60; margin:0 auto;">Main Div</div> <div>Another DIV</div>

ありがとう

Answer 1

スタイルに追加:

display:inline-block;

または

float:left;

最後の 1 つを好む場合は、両方の div の後に空の div を追加して間隔を空けることをお勧めします。

<div style="clear:both"></div>

Answer 2

float: left正常に動作します...

HTML コード:

<div class="outer">
    Main Div
</div> 
<div class="inner">Another DIV</div>

CSS コード :

.outer {
    width:220px; 
    height:100px; 
    background-color:#C60; 
    float: left;

}

.inner {
    width:120px; 
    height:100px; 
    background-color:red; 
    float: left;
}

これは jsfiddleリンクです

アップデート ：

jsfiddelリンク