Cross-Browser hr Styling


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. /* For regular browsers */
  2.  
  3. hr {
  4. border : 0;
  5. height : 15px;
  6. background : url(hr.gif) 50% 0 no-repeat;
  7. margin : 1em 0;
  8. }
  9.  
  10. /* For IE < 8 (use conditional stylesheets) */
  11.  
  12. hr {
  13. display : list-item;
  14. list-style : url(hr.gif) inside;
  15. filter : alpha(opacity=0);
  16. width : 0;
  17. }

URL: http://css-tricks.com/snippets/css/cross-browser-hr-styling/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.