lewy/prawy przycisk przestawny wewnątrz elementu div

Question

Jak ustawić przycisk w trybie swobodnym tylko w obszarze div?

Oto mój przykład css i 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; 
} 

można też zobaczyć na żywo próbkę tutaj ->http://jsfiddle.net/ELAVS/

chcę go być tak ..

Answer 1

Change display: inline do display: inline-block

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