SOURCE

<div class='operateDiv'>
   <button class='status btn btn-info btn-sm'>已申请</button>
   <button class='type btn btn-default btn-sm'>日间</button>
   <div class="row">
   <div class="col-xs-12" style='font-size: 20px'>
        刘刚
     <small> 
       <span>男</span>
       <span style='color: blue'>55岁</span>
     </small>
  </div>
  <div class="col-xs-12" style='font-size: 16px'>
    手术间&nbsp;&nbsp;&nbsp;：<span>xxxxxxxxxxx</span>
  </div>
  <div class="col-xs-12" style='font-size: 16px'>
    手术时间：<span>xxxxxxxxxxx</span>
  </div>
  <div class="col-xs-12" style='font-size: 16px'>
    所属病区：<span>xxxxxxxxxxx</span>
  </div>
  <div class="col-xs-12" style='font-size: 16px'>
    手术名称：<span>xxx</span>
  </div>
   <div class="col-xs-12" style='font-size: 16px'>
    麻醉方式：<span>xxx</span>
  </div>
  <div class="row">
    <div class="col-xs-12" style='font-size: 16px'>
      <div class="col-xs-4">主刀:</div>
      <div class="col-xs-4">麻醉:</div>
      <div class="col-xs-4">巡回:</div>
    </div>
  </div>
</div>

.operateDiv{
  position: relative;
  border-bottom-width: 1px;
  padding-bottom: 5px;
  border-bottom-color: #f1f1f1;
  border-bottom-style: inset;
}
.type {
  color: red;
  position: absolute;
  right: 20px;
  top:5px;
}
.status {
    position: absolute;
    right: 70px;
    top:5px;
    border-radius:5px;
}