Skip to content

Instantly share code, notes, and snippets.

@visualpropaganda

visualpropaganda/CSS: Horizontal Ruler Styling without <hr>

Created April 4, 2013 17:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save visualpropaganda/5312421 to your computer and use it in GitHub Desktop.
Save visualpropaganda/5312421 to your computer and use it in GitHub Desktop.
Download ZIP
CSS: Horizontal Ruler Styling without <hr>
Raw
CSS: Horizontal Ruler Styling without <hr>
/*
* Horizontal Ruler without <hr> (can be put in media queries instead of html)
*/
.hdr-primary:before {
border: 1px solid $bg-html;
border-width: 1px 0;
content: "";
display: block;
height: 2px;
left: 0;
top: -90%;
margin: 0 auto;
position: absolute;
width: 100%;
z-index:1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment