Advanced Search

Return to Snippet

Revision: 23494
at February 8, 2010 17:13 by smoothdzion
Initial Code 
ul li li{
  display: block;
  white-space: nowrap;
}
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
When creating a drop-down menu/hover menu, the subitems will usually go as wide as the parent li.  To make them go as wide as the value of their containing li you have to add a white-space: nowrap.  

If you still run into issues you may have to make sure you've assigned display:block to the li that is wrapping also.

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
Hover Menu - No Wrap Submenu Items

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
css

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
CSS