jpsirois · August 22, 2012 12:16 · jpsirois · Aug 22, 2012 · jpsirois · Aug 22, 2012
diff --git a/fiddle.css b/fiddle.css
 body {
  margin: 2em; 
 }

 a {
  display: inline-block; 
  margin-bottom: 1em;
  position: relative;
  border-bottom: 1px solid black;
  text-decoration: none;
 }

 a:before {
  content: "»";
  color: black;
  padding: 0 .25em;            
 }

 a.no-before-border:before {
  left: -1em;   
  position: absolute;
  text-decoration: none;
  padding-bottom: 10px;
  background-color: white;
 }
diff --git a/fiddle.html b/fiddle.html
 <!DOCTYPE html>
 <html lang="en">
 <head>

  <meta charset="UTF-8" />
  <title>CSS :before without getting the text-decoration</title>

 </head>
 <body>

  <a href="http://google.com">:before got the border</a>

  <br />

  <a href="http://duckduckgo.com" class="no-before-border">:before did’nt get the border</a>

 </body>
 </html>
diff --git a/fiddle.manifest b/fiddle.manifest
 name: CSS :before without getting the text-decoration
 authors:
  - Jean-Philippe Sirois
	<!DOCTYPE html>
	<html lang="en">
	<head>

	<meta charset="UTF-8" />
	<title>CSS :before without getting the text-decoration</title>

	</head>
	<body>

	<a href="http://google.com">:before got the border</a>

	<br />

	<a href="http://duckduckgo.com" class="no-before-border">:before did’nt get the border</a>

	</body>
	</html>
	name: CSS :before without getting the text-decoration
	authors:
	- Jean-Philippe Sirois