Skip to content

Instantly share code, notes, and snippets.

@quentint
Created May 7, 2013 09:07
Show Gist options
  • Save quentint/5531305 to your computer and use it in GitHub Desktop.
Save quentint/5531305 to your computer and use it in GitHub Desktop.
Little CSS trick to show basel;ne's before and after pseudo elements
/*
* Little CSS trick to show basel;ne's before and after pseudo elements
* http://b4d455.fr/basel/
*/
@import "http://b4d455.fr/basel/style.css";
.simple:before {
border-left: solid 1px red;
margin-right: -1px;
}
.simple:after {
border-left: solid 1px green;
margin-right: -1px;
}
<section class=main>
<p class=simple>This is a demo paragraph.</p>
</section>
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment