div内の左右のフロートボタン

Question

divの領域でボタンをフロートさせるにはどうすればよいですか？ここで

は、私の例のCSSとHTMLが

HTML

<div class='test'> 
    <div style='float: left;'> 
    <button>test</button> 
    </div> 
    <div style='float: right;'> 
    <button>test</button> 
    </div> 
</div> 

CSS

.test { 
    width:60%; 
    display:inline; 
    overflow: auto; 
    white-space: nowrap; 
    margin:0px auto; 
} 

またはあなたがここに住んでサンプルを見ることができます。..です - >http://jsfiddle.net/ELAVS/

私はそれをしたいですこのようになる...

Answer 1

変更ディスプレイ：ディスプレイにインライン：インラインブロック

.test { 
    width:200px; 
    display:inline-block; 
    overflow: auto; 
    white-space: nowrap; 
    margin:0px auto; 
    border:1px red solid; 
}