html - How to vertically center two child DIVs inside of a parent DIV -


i creating site in bootstrap, , want know how vertically center 2 child divs inside of parent div. know pretty simple, have tried , not work.

(http://codepen.io/cjhill02/pen/vlperd) 

try margin:auto

* {   border: 1px solid #ddd; }  section {   padding: 100px 0;   margin: auto } .col-md-6{   margin: auto } 

for ie9 , ie10 put display:table parent div , set attribute vallign="middle";display:table-cell child element

vallign basic property supperted old browsers new browsers


Comments

Popular posts from this blog

angularjs - ADAL JS Angular- WebAPI add a new role claim to the token -

php - CakePHP HttpSockets send array of paramms -

node.js - Using Node without global install -