Advanced Search

Return to Snippet

Revision: 48558
at July 5, 2011 07:15 by lister
Initial Code 
.container {
   min-height: 10em;
   display: table-cell;
   vertical-align: middle;
}
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
This snippet allows to vertically center the contents of a container without any extra markup by simply displaying it as a table cell. This allows you to use the vertical-align attribute.

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
Vertical Center

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
CSS