html - How to center an element in a column vertically in relation to another column -

how can center 2 buttons vertically in view?

for example:

<div class="container">     <div class="row">         <div class="col-md-5">             <h4>my list</h4>             <div style="height:400px; overflow-y:auto">                 <ul>                     // list of checkboxes                 </ul>             </div>         </div>          <div class="col-md-2">             <input type="button" id="btnaddfield" class="btn btn-primary" value="add" />             <input type="button" id="btnremovefield" class="btn btn-primary" value="remove" />         </div>          <div class="col-md-5">             <h4>selected fields</h4>             // contain list selected checkboxes.         </div>     </div> </div> 

i want buttons in column 2 centered in relation column 1 (which in case made height of 400px.

try css line height. hope help.

vertical-align: middle; line-height: 400px;