title: How to automatically center every objects/text inside different containers in the same page?
body: <p>Is there a way to center vertically and horizontally everything automatically inside different container in the same page? I tried use top 50% and vertically-align, but it didn't work. I want to center vertically automatically because if the object/text change size, it will center exactly right place. I succeed center horizontally and I don't want to use top: px;. How do I do that using html5 and css? <a href="http://i.stack.imgur.com/dzy9S.jpg" rel="nofollow">center everything automatically</a></p>
  
  <p><a href="http://i.stack.imgur.com/W0Y8x.jpg" rel="nofollow">no center</a></p>