HTML(Align text, images, controls in middle of the page)

<div style="display:table; width:100%; height:100%;

 #position:relative; verflow:hidden;

 text-align:center; border: 1px solid red;">

 <div style="width:250px; #position:absolute; #top:50%;

  display:table-cell; vertical-align:middle;

  border: 1px solid green;">

 

  <div style="height:80px; #position:relative; #top:-50%; #left:-50%;">

  

   Here You Add what you center: Text, Images, Controls etc.

  </div>

 </div>

</div>