Advanced Search

Return to Snippet

Revision: 63594
at May 21, 2013 05:59 by nshakin
Updated Code 
hr {
    margin: 17px 0 18px;
    height: 0;
    clear: both;
    border: solid #ddd;
    border-width: 1px 0 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}

Revision: 63593
at May 21, 2013 05:58 by nshakin
Initial Code 
hr {
     margin: 17px 0 18px;
     height: 0;
     clear: both;
     border: solid #ddd;
     border-width: 1px 0 0;
}
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
Create a subtle "recessed" looking divider line.  The example restyles the <hr> tag but it can applied to anything.

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
Subtle Recessed Divider Line

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
css, html, design

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
CSS