Move the previous added text into a note.

Author: tabatkins

css3-images/Overview.html

@@ -896,25 +896,28 @@ <h4 class=no-num id=paint-sources> Paint Sources</h4>
     unit.
   </dl>
 
-  <p>Because paint sources have an intrinsic appearance, it's not necessary
-   for the element providing them to be in a document - for example, one can
-   simply create an element with JavaScript and directly assign it to the
-   CSSElementMap in HTML. However, some paint sources (such as an SVG
-   <code>&lt;pattern></code>) depend on style information for their
-   appearance, and it's currently largely undefined how styling information
-   is assigned to an element fragment that's not part of a document. (For
-   example, does the fragment receive styles from the active document? What
-   if it has its own <code>&lt;style></code> or <code>&lt;link
-   rel=stylesheet></code> in it?) This specification explicitly does not
-   define how such a fragment is styled; it is expected that CSS will define
-   it in sufficient detail in the future.
-
-  <p>For now, it is recommended that such fragments be inserted into a
-   document before being referenced. For example, a <code>&lt;pattern></code>
-   element may be placed into a &lsquo;<code
-   class=css>display:none</code>&rsquo; <code>&lt;svg></code> element's
-   <code>&lt;defs></code> element within a document; this has no rendering or
-   layout effects on the document, but the style inheritance is well-defined.</p>
+  <div class=note>
+   <p>Because paint sources have an intrinsic appearance, it's not necessary
+    for the element providing them to be in a document - for example, one can
+    simply create an element with JavaScript and directly assign it to the
+    CSSElementMap in HTML. However, some paint sources (such as an SVG
+    <code>&lt;pattern></code>) depend on style information for their
+    appearance, and it's currently largely undefined how styling information
+    is assigned to an element fragment that's not part of a document. (For
+    example, does the fragment receive styles from the active document? What
+    if it has its own <code>&lt;style></code> or <code>&lt;link
+    rel=stylesheet></code> in it?) This specification explicitly does not
+    define how such a fragment is styled; it is expected that CSS will define
+    it in sufficient detail in the future.</p>
+
+   <p>For now, it is recommended that such fragments be inserted into a
+    document before being referenced. For example, a
+    <code>&lt;pattern></code> element may be placed into a &lsquo;<code
+    class=css>display:none</code>&rsquo; <code>&lt;svg></code> element's
+    <code>&lt;defs></code> element within a document; this has no rendering
+    or layout effects on the document, but the style inheritance is
+    well-defined.</p>
+  </div>
   <!-- ====================================================================== -->
 
   <h4 class=no-num id=element-cycles> Cycle Detection</h4>

css3-images/Overview.src.html

@@ -471,9 +471,11 @@ <h4 id='paint-sources' class='no-num'>
 		<dd>The coordinate system has its origin at the top left corner of the <i>concrete object size</i> it's being drawn into, and the same width and height as the <i>concrete object size</i>.  <a href="http://www.w3.org/TR/SVG/coords.html#Units">User coordinates</a> are sized equivalently to the CSS ''px'' unit.</dd>
 	</dl>
 
-	<p>Because paint sources have an intrinsic appearance, it's not necessary for the element providing them to be in a document - for example, one can simply create an element with JavaScript and directly assign it to the CSSElementMap in HTML.  However, some paint sources (such as an SVG <code>&lt;pattern></code>) depend on style information for their appearance, and it's currently largely undefined how styling information is assigned to an element fragment that's not part of a document.  (For example, does the fragment receive styles from the active document? What if it has its own <code>&lt;style></code> or <code>&lt;link rel=stylesheet></code> in it?)  This specification explicitly does not define how such a fragment is styled; it is expected that CSS will define it in sufficient detail in the future.</p>
+	<div class='note'>
+		<p>Because paint sources have an intrinsic appearance, it's not necessary for the element providing them to be in a document - for example, one can simply create an element with JavaScript and directly assign it to the CSSElementMap in HTML.  However, some paint sources (such as an SVG <code>&lt;pattern></code>) depend on style information for their appearance, and it's currently largely undefined how styling information is assigned to an element fragment that's not part of a document.  (For example, does the fragment receive styles from the active document? What if it has its own <code>&lt;style></code> or <code>&lt;link rel=stylesheet></code> in it?)  This specification explicitly does not define how such a fragment is styled; it is expected that CSS will define it in sufficient detail in the future.</p>
 
-	<p>For now, it is recommended that such fragments be inserted into a document before being referenced.  For example, a <code>&lt;pattern></code> element may be placed into a ''display:none'' <code>&lt;svg></code> element's <code>&lt;defs></code> element within a document; this has no rendering or layout effects on the document, but the style inheritance is well-defined.</p>
+		<p>For now, it is recommended that such fragments be inserted into a document before being referenced.  For example, a <code>&lt;pattern></code> element may be placed into a ''display:none'' <code>&lt;svg></code> element's <code>&lt;defs></code> element within a document; this has no rendering or layout effects on the document, but the style inheritance is well-defined.</p>
+	</div>
 
 <!-- ====================================================================== -->