[css-break] Split out contradictory example into a note.

Author: fantasai

css-break/Overview.bs

@@ -181,7 +181,9 @@ Nested Fragmentation Flows</h3>
   <p>
     Breaking a <i>fragmentainer</i> <var>F</var> effectively splits the <i>fragmentainer</i>
     into two <i>fragmentainers</i> (<var>F<sub>1</sub></var> and <var>F<sub>2</sub></var>).
-    The only difference is that the type of break
+    The only difference is that,
+    with regards to the content of <i>fragmentainer</i> <var>F</var>,
+    the type of break
     between the two pieces <var>F<sub>1</sub></var> and <var>F<sub>2</sub></var>
     is the <a href="#break-types">type of break</a> created
     by the <i>fragmentation context</i> that split <var>F</var>,
@@ -192,7 +194,9 @@ Nested Fragmentation Flows</h3>
     For example, if a region box is broken at a page boundary,
     then the content of the region will be affected by a page break at that point
     (but not by a region break).
+  </div>
 
+  <div class="note">
     Note that when a multi-column element breaks across pages,
     it generates a new row of columns on the next page for the rest of its content,
     so that a page break within a multi-column element

css-break/Overview.html

@@ -493,27 +493,29 @@ <h3 class="heading settled" data-level="2.2" id="nested-flows"><span class="secn
    <p>
     Breaking a <a data-link-type="dfn" href="#fragmentainer">fragmentainer</a> <var>F</var> effectively splits the <a data-link-type="dfn" href="#fragmentainer">fragmentainer</a>
     into two <a data-link-type="dfn" href="#fragmentainer">fragmentainers</a> (<var>F<sub>1</sub></var> and <var>F<sub>2</sub></var>).
-    The only difference is that the type of break
+    The only difference is that,
+    with regards to the content of <a data-link-type="dfn" href="#fragmentainer">fragmentainer</a> <var>F</var>,
+    the type of break
     between the two pieces <var>F<sub>1</sub></var> and <var>F<sub>2</sub></var>
     is the <a href="#break-types">type of break</a> created
     by the <a data-link-type="dfn" href="#fragmentation-context">fragmentation context</a> that split <var>F</var>,
     not the type of break normally created by <var>F</var>’s own <a data-link-type="dfn" href="#fragmentation-context">fragmentation context</a>.
   </p>
 
 
-   <div class="example" id="example-e886cbbf"><a class="self-link" href="#example-e886cbbf"></a>
+   <div class="example" id="example-336a11b1"><a class="self-link" href="#example-336a11b1"></a>
     For example, if a region box is broken at a page boundary,
     then the content of the region will be affected by a page break at that point
     (but not by a region break).
+  </div>
 
-
-    <p>Note that when a multi-column element breaks across pages,
+  
+   <div class="note" role="note">
+    Note that when a multi-column element breaks across pages,
     it generates a new row of columns on the next page for the rest of its content,
     so that a page break within a multi-column element
-    is always both a page break and a column break.</p>
-    
-  
-   </div>
+    is always both a page break and a column break.
+  </div>
 
 
    <h2 class="heading settled" data-level="3" id="breaking-controls"><span class="secno">3. </span><span class="content">