html - Button group not positioning inside well -

in html page, using place main page contents. code given below:

       <div id="container">             <div class="row">                 <div class="col-md-10"></div>                 <div class="well col-md-10 well-centered">                     <p> office name <span class="right-float">your desk: <span id="desk-id">not set</span> </span></p>                     <hr>                     <div class="well col-md-6 well-centered well-background" align="center">                         <p> <span class="glyphicon glyphicon-info-sign"></span>                             start work setting name desk</p>                      </div>                     <br>                      <div class="btn-group btn-align">                         <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus"> add queue</span></button>                         <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-flag"> set desk name</span></button>                         <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-refresh"> refresh queue list</span></button>                     </div>                   </div>                 <div class="col-md-10"></div>             </div>         </div> 

my (relevant) css given below:

.btn-align{     float: right; } 

my appearing (i don't know uploaded right way): http://i60.tinypic.com/mm7xjp.png. know how place button group inside well? right now, it's partially placed outside. in advance!!

add clearfix class .well

<div class="well col-md-10 well-centered clearfix">