Untitled

dabblet.css

body {
	font: 20px/1.4 Helvetica Neue, sans-serif;
}

p {
	width: 24em;
	padding: 1em 2em;
}

a {
	color: #06c;
	text-decoration: none;
	background-image: linear-gradient(to right, #06c 50%, #fff 50%);
	background-size: 4px 1px;
	background-position: 0 100%;
	background-repeat: repeat-x;
	text-shadow: 1px 0 #fff, -1px 0 #fff, 2px 0 #fff, -2px 0 #fff;
}

a:hover {
	color: #06c;
	background-image: linear-gradient(to right, #06c, #06c);
}

dabblet.html

<p>Lorem ipsum <a href="#">dolog sit jamet</a>, consectetur adipisicing elit. <a href="#">Aliquid, libero</a>, at, fugiat, dolorum voluptatibus ab nobis aliquam deleniti illum voluptate molestias magnam dignissimos corporis veritatis eos itaque dicta. Voluptatem, obcaecati?</p>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}