Middle Aligned in Div

CSS approach to middle align all inline children of a div element

by Yogendrasinh Rajput

HTML

<div class="divContainer" 
      style="border:2px solid;padding:10px;">  <!-- border and padding only to show perspective -->
   <span>Middle Text</span>
   <img src="http://placehold.it/150x150"/>
   <img src="http://placehold.it/50x50"/>
</div>

CSS

.divContainer
{
  vertical-align: middle;
  text-align: center; <!-- If you want horizontal center alignment -->
}
.divContainer > *
{
  vertical-align: middle;
}