сделать псевдоссылку с точечным подчеркивание

dabblet.css

.pseudo
{
	text-decoration: none;
	position: relative;

}

.pseudo:after
{
	border-bottom: 1px dotted blue;
	content: '';
	position: absolute;
	top: 0;
	bottom: 15%;
	left: 0;
	right: 0;
}	

dabblet.html

<p><a href="/">обычная ссылка</a> просто текст <a class="pseudo" href="/">ссылка</a> еще текст</p>

settings.json

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