jensgro · February 2, 2012 17:22
diff --git a/dabblet.css b/dabblet.css
 /**
 * hint-text with a generated arrow
 */

 body {background: #fff; padding: 20px;}

 .current {position: relative; padding: 20px; background: #a20000; color: #fff; text-decoration: none; font-size: 22px; font-family: Verdana, sans-serif;}

 .current:before{
 				content: ""; display: block; width: 0; height: 0; 
 				border: 20px solid transparent; border-left: 20px solid #a20000; 
 				position: absolute; right: -30px; top: 15px;
 				}
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->


 <span class="current">
 this text could be placed anywhere
 </span>
diff --git a/settings.json b/settings.json
 {"view":"split","prefixfree":"","page":"css"}
	/**
	* hint-text with a generated arrow
	*/

	body {background: #fff; padding: 20px;}

	.current {position: relative; padding: 20px; background: #a20000; color: #fff; text-decoration: none; font-size: 22px; font-family: Verdana, sans-serif;}

	.current:before{
	content: ""; display: block; width: 0; height: 0;
	border: 20px solid transparent; border-left: 20px solid #a20000;
	position: absolute; right: -30px; top: 15px;
	}
	<!-- content to be placed inside <body>…</body> -->


	<span class="current">
	this text could be placed anywhere
	</span>