How do I center content in a div using CSS?

Question

How do I center content in a div both horizontally and vertically?

Answer 1

To align horizontally it's pretty straight forward:

    

type your content here

and for vertical align, it's a bit tricky: here's the source

    


  
  



  

    

      

        any text

        any height

        any content, for example generated from DB

        everything is vertically centered