links/rechts float-taste innerhalb div

Question

Wie kann ich taste float nur im div-bereich?

Hier ist mein Beispiel CSS und 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; 
} 

oder Sie können hier Live-Probe sehen ->http://jsfiddle.net/ELAVS/

ich es will so zu sein ..

Answer 1

ändern display: inline zu display: inline-block

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