nút bên trái/bên phải bên trong div

Question

Làm thế nào tôi có thể làm cho nút nổi chỉ trong khu vực div?

Dưới đây là ví dụ của tôi css và 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; 
} 

hoặc bạn có thể xem mẫu sống ở đây ->http://jsfiddle.net/ELAVS/

Tôi muốn nó để được như thế này ..

Answer 1

Change display: inline display: inline-block

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