[css-ruby-1] Compact example.

Author: fantasai

css-ruby-1/Overview.bs

@@ -1353,10 +1353,10 @@ Sharing Annotation Space: the 'ruby-merge' property</h3>
 			This style is called “mono ruby” in [[JLREQ]].
 
 			<div class="example">
-				For example, the following two markups render the same:
-				<pre highlight=html>&lt;ruby&gt;無&lt;rt&gt;む&lt;/ruby&gt;&lt;ruby&gt;常&lt;rt&gt;じょう&lt;/ruby&gt;</pre>
-				and:
-				<pre highlight=html>&lt;ruby style="ruby-merge:separate"&gt;&lt;rb&gt;無&lt;rb&gt;常&lt;rt&gt;む&lt;rt&gt;じょう&lt;/ruby&gt;</pre>
+				For example, the following two lines render the same:
+				<pre highlight=html>
+					&lt;p>&lt;ruby&gt;無&lt;rt&gt;む&lt;/ruby&gt;&lt;ruby&gt;常&lt;rt&gt;じょう&lt;/ruby&gt;
+					&lt;p>&lt;ruby style="ruby-merge:separate"&gt;&lt;rb&gt;無&lt;rb&gt;常&lt;rt&gt;む&lt;rt&gt;じょう&lt;/ruby&gt;</pre>
 			</div>
 		</dd>
 
@@ -1370,10 +1370,11 @@ Sharing Annotation Space: the 'ruby-merge' property</h3>
 			except that [=ruby annotations=] are kept together with their respective [=ruby bases=] when breaking lines.
 
 			<div class="example">
-				The following two markups render the same both characters fit on one line:
-				<pre highlight=html>&lt;ruby&gt;無常&lt;rt&gt;むじょう&lt;/ruby&gt;</pre>
-				and:
-				<pre highlight=html>&lt;ruby style="ruby-merge:merge"&gt;&lt;rb&gt;無&lt;rb&gt;常&lt;rt&gt;む&lt;rt&gt;じょう&lt;/ruby&gt;</pre>
+				The following two lines render the same
+				if both characters fit on one line:
+				<pre highlight=html>
+					&lt;p>&lt;ruby&gt;無常&lt;rt&gt;むじょう&lt;/ruby&gt;
+					&lt;p>&lt;ruby style="ruby-merge:merge"&gt;&lt;rb&gt;無&lt;rb&gt;常&lt;rt&gt;む&lt;rt&gt;じょう&lt;/ruby&gt;</pre>
 				However, the second one renders the same as ''ruby-position: separate''
 				when the two bases are split across lines.
 			</div>
@@ -1411,7 +1412,7 @@ Sharing Annotation Space: the 'ruby-merge' property</h3>
 	across [=ruby annotations=] or [=ruby base|bases=],
 	even merged ones,
 	due to [=bidi isolation=].
-	See [[#bidi]] and [[#css-text-3#boundary-shaping]].
+	See [[#bidi]] and [[css-text-3#boundary-shaping]].
 
 <h3 id="ruby-align-property"><span id="rubyalign"></span>
 Ruby Text Distribution: the 'ruby-align' property</h3>