[css-ruby] minor formatting change

Author: kojiishi

css-ruby/Overview.html

@@ -1031,12 +1031,14 @@ <h3 id=rubymerge><span class=secno>3.2. </span>Ruby merge: the ‘<a
       <p> The user agent may use any algorithm to determine how each ruby
        annotation box is rendered to its corresponding base box.
 
-      <p> One possible algorithm is described as Jukugo-ruby in <a
-       href="#JLREQ" rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a>.
+      <div class=example>
+       <p> One possible algorithm is described as Jukugo-ruby in <a
+        href="#JLREQ" rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a>.
 
-      <p> Another, more simplified algorithm of Jukugo-ruby is to render as
-       Mono-ruby if all ruby annotation boxes fit within advances of their
-       corresponding base boxes, and render as Group-ruby otherwise.
+       <p> Another, more simplified algorithm of Jukugo-ruby is to render as
+        Mono-ruby if all ruby annotation boxes fit within advances of their
+        corresponding base boxes, and render as Group-ruby otherwise.
+      </div>
     </dl>
 
     <h3 id=rubyalign><span class=secno>3.3. </span> Ruby alignment: the ‘<a

css-ruby/Overview.src.html

@@ -691,6 +691,7 @@ <h3 id="rubymerge">Ruby merge: the 'ruby-merge' property</h3>
 				The user agent may use any algorithm to determine how each ruby annotation box
 				is rendered to its corresponding base box.
 			</p>
+			<div class="example">
 			<p>
 				One possible algorithm is described as Jukugo-ruby in [[JLREQ]].
 			</p>
@@ -700,6 +701,7 @@ <h3 id="rubymerge">Ruby merge: the 'ruby-merge' property</h3>
 				advances of their corresponding base boxes,
 				and render as Group-ruby otherwise.
 			</p>
+			</div>
 		</dd>
 	</dl>