Advanced Search

Cross-Browser hr Styling

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

Expand | Embed | Plain Text

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.