Untitled

dabblet.css

.arrowRight:after {
	content: "\27A1"; /* Unicode block arrow */
    font-size: 2em; /* Make it big */
    display: inline-block; /* Give it block properties (margin/padding) without putting in a new line */
    vertical-align: middle; /* Align it in relation to its neighbors */
    text-decoration: none; /* Inside a link, don't underline this part */
    color: #1a96c6;
    margin-right: 5px; /* Breathing room */
    position: relative; /* Needed to make top/left work */
    top: -0.08em; /* Fudge it up a bit */
}

.arrowRight2:after {
	content: "\279F"; /* Unicode block arrow */
    font-size: 2em; /* Make it big */
    display: inline-block; /* Give it block properties (margin/padding) without putting in a new line */
    vertical-align: middle; /* Align it in relation to its neighbors */
    text-decoration: none; /* Inside a link, don't underline this part */
    color: #1a96c6;
    margin-right: 5px; /* Breathing room */
    position: relative; /* Needed to make top/left work */
    top: -0.08em; /* Fudge it up a bit */
}

.arrowRight3:after {
	content: "\27A0"; /* Unicode block arrow */
    font-size: 2em; /* Make it big */
    display: inline-block; /* Give it block properties (margin/padding) without putting in a new line */
    vertical-align: middle; /* Align it in relation to its neighbors */
    text-decoration: none; /* Inside a link, don't underline this part */
    color: #1a96c6;
    margin-right: 5px; /* Breathing room */
    position: relative; /* Needed to make top/left work */
    top: -0.08em; /* Fudge it up a bit */
}

.arrowRight4:after {
	content: "\27AF"; /* Unicode block arrow */
    font-size: 2em; /* Make it big */
    display: inline-block; /* Give it block properties (margin/padding) without putting in a new line */
    vertical-align: middle; /* Align it in relation to its neighbors */
    text-decoration: none; /* Inside a link, don't underline this part */
    color: #1a96c6;
    margin-right: 5px; /* Breathing room */
    position: relative; /* Needed to make top/left work */
    top: -0.08em; /* Fudge it up a bit */
}

.arrowRight5:after {
	content: "\279E"; /* Unicode block arrow */
    font-size: 2em; /* Make it big */
    display: inline-block; /* Give it block properties (margin/padding) without putting in a new line */
    vertical-align: middle; /* Align it in relation to its neighbors */
    text-decoration: none; /* Inside a link, don't underline this part */
    color: #1a96c6;
    margin-right: 5px; /* Breathing room */
    position: relative; /* Needed to make top/left work */
    top: -0.08em; /* Fudge it up a bit */
}

.arrowRight6:after {
	content: "\279D"; /* Unicode block arrow */
    font-size: 2em; /* Make it big */
    display: inline-block; /* Give it block properties (margin/padding) without putting in a new line */
    vertical-align: middle; /* Align it in relation to its neighbors */
    text-decoration: none; /* Inside a link, don't underline this part */
    color: #1a96c6;
    margin-right: 5px; /* Breathing room */
    position: relative; /* Needed to make top/left work */
    top: -0.08em; /* Fudge it up a bit */
}

.arrowRight7:after {
	content: "\27AA"; /* Unicode block arrow */
    font-size: 2em; /* Make it big */
    display: inline-block; /* Give it block properties (margin/padding) without putting in a new line */
    vertical-align: middle; /* Align it in relation to its neighbors */
    text-decoration: none; /* Inside a link, don't underline this part */
    color: #1a96c6;
    margin-right: 5px; /* Breathing room */
    position: relative; /* Needed to make top/left work */
    top: -0.08em; /* Fudge it up a bit */
}

dabblet.html

<p><a href="http://google.com"><span class="arrowRight"></span>1. Here is a link to advanced info...</a></p>

<p><a href="http://google.com"><span class="arrowRight2"></span>2. Here is a link to advanced info...</a></p>

<p><a href="http://google.com"><span class="arrowRight3"></span>3. Here is a link to advanced info...</a></p>

<p><a href="http://google.com"><span class="arrowRight4"></span>4. Here is a link to advanced info...</a></p>

<p><a href="http://google.com"><span class="arrowRight5"></span>5. Here is a link to advanced info...</a></p>

<p><a href="http://google.com"><span class="arrowRight6"></span>6. Here is a link to advanced info...</a></p>

<p><a href="http://google.com"><span class="arrowRight7"></span>7. Here is a link to advanced info...</a></p>

dabblet.js

// alert('Hello world!');

settings.json

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