[css-text-3] Add sample rendering to example

Author: frivoal

css-text-3/Overview.bs

@@ -1034,9 +1034,10 @@ Line Breaking Details</h3>
 
     <div class="example" id=jp-title-break>
       <style>
-      #jp-title-break samp {
-	font-size: 2em;
-        max-width: 9em;
+      #jp-title-break td samp,
+      #jp-title-break td pre {
+	font-size: 1.5em;
+        width: 9em;
         line-height: 2;
         padding: 0.5em 1em;
         display: block;
@@ -1060,13 +1061,25 @@ Line Breaking Details</h3>
 
       <table class=data>
       <tr>
+        <td>
         <th><code highlight=css>h1 { word-break: normal }</code>
+        <th><code highlight=css>h1 { word-break: keep-all }</code>
+      <tr>
+        <th>Expected rendering
+        <td>
+          <pre lang=ja>
+	  窓ぎわのトットちゃ
+	  ん</pre>
+        <td>
+          <pre lang=ja>
+	  窓ぎわの
+	  トットちゃん</pre>
+      <tr>
+        <th>Result in your browser
         <td>
           <samp lang=ja>
           窓ぎわの<wbr>トットちゃん
           </samp>
-      <tr>
-        <th><pre><code highlight=css>h1 { word-break: keep-all }</code>
         <td>
           <samp style="word-break:keep-all" lang=ja>
           窓ぎわの<wbr>トットちゃん