Merge pull request #56 from WordPress/add/link-boundary-concept

Add example concept of how links should work with extra boundaries.

index.html

@@ -65,7 +65,7 @@
 		</div>
 		<section class="editor" contenteditable="true">
 			<h2>1.0 Is The Loneliest Number</h2>
-			<p>Many entrepreneurs idolize Steve Jobs. He’s such a perfectionist, they say. Nothing leaves the doors of 1 Infinite Loop in Cupertino without a polish and finish that makes geeks everywhere drool. No compromise!</p>
+			<p>Many entrepreneurs idolize Steve Jobs. He’s such a <a href=""><span class="space-sep">&nbsp;</span>perfectionist<span class="space-sep">&nbsp;</span></a>, they say. Nothing leaves the doors of 1 Infinite Loop in Cupertino without a polish and finish that makes geeks everywhere drool. No compromise!</p>
 			<img alt="" src="https://cldup.com/HN3-c7ER9p.jpg" />
 			<p>I like Apple for the opposite reason: they’re not afraid of getting a rudimentary 1.0 out into the world.</p>
 		</section>

style.css

@@ -465,3 +465,16 @@ img.align-right {
 	width: 340px;
 	margin: 0 0 0 16px;
 }
+
+p a {
+	text-decoration: none;
+	color: #006799;
+	background: rgba(0, 142, 194, 0.2);
+	padding: 0 6px;
+	border-radius: 2px;
+}
+
+.space-sep {
+	text-indent: -5px;
+	display: inline-block;
+}