[css-inline] add adjacent initial letter example per #965

Author: dauwhe

css-inline-3/Overview.bs

@@ -723,6 +723,31 @@ Creating Initial Letters: the 'initial-letters' property</h3>
 				     alt="Non-integral initial letter that only aligns at base">
 		</dl>
 	</div>
+	
+	<div class="example">
+		In conjunction with other CSS properties, ''initial-letters'' can be used to create
+		“adjacent initial letters,” where the initial letter is adjacent to the text:
+		
+		<pre>
+			p::first-letter {
+				initial-letters: 3;
+				color: red;
+				width: 5em;
+				text-align: right;
+				margin-left: -5em;
+			}
+
+			p {
+				margin-left: 5em;
+			}
+		</pre>
+		
+		<figure>
+			<img src="images/adjacent-initial-letter.png"
+			     alt="Initial letter adjacent to text">
+		</figure>
+	
+	</div>
 
 <h4 id="first-most-inline-level">
 Applicability</h4>