Tuesday, April 5, 2011

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>

No comments:

Post a Comment