[css-transitions] Put example inside note, to make it clearer what the example is of.

Author: dbaron

css-transitions/Overview.bs

@@ -530,30 +530,35 @@ url: http://dev.w3.org/csswg/css-color-3/#html4; type: value; text: green;
           there is never both a <a>running transition</a> and
           a <a>completed transition</a> for the same property and element.
         </span>
-        <span class="note">
+      </p>
+
+      <div class="note">
+
+        <p>
           This set of completed transitions
           needs to be maintained
           in order to prevent
           transitions from repeating themselves in certain cases,
           i.e., to maintain the invariant
           that this specification tries to maintain
           that unrelated style changes do not trigger transitions.
-        </span>
-      </p>
+        </p>
 
-      <p class="example">
-        An example where maintaining the set of completed transitions
-        is necessary would be a transition on
-        an inherited property,
-        where the parent specifies a transition of that property for
-        a longer duration (say, ''transition: 4s text-indent'')
-        and a child element that inherits the parent's value specifies
-        a transition of the same property for a shorter duration
-        (say, ''transition: 1s text-indent'').
-        Without the maintenance of this set of completed transitions,
-        implementations could start additional transitions on the child
-        after the initial 1 second transition on the child completes.
-      </p>
+        <p class="example">
+          An example where maintaining the set of completed transitions
+          is necessary would be a transition on
+          an inherited property,
+          where the parent specifies a transition of that property for
+          a longer duration (say, ''transition: 4s text-indent'')
+          and a child element that inherits the parent's value specifies
+          a transition of the same property for a shorter duration
+          (say, ''transition: 1s text-indent'').
+          Without the maintenance of this set of completed transitions,
+          implementations could start additional transitions on the child
+          after the initial 1 second transition on the child completes.
+        </p>
+
+      </div>
 
       <p>
         Various things can cause the computed style of an element to change,

css-transitions/Overview.html

@@ -972,31 +972,41 @@ <h2 class="heading settled" data-level="3" id="starting"><span class="secno">3.
           there is never both a <a data-link-type="dfn" href="#running-transition">running transition</a> and
           a <a data-link-type="dfn" href="#completed-transition">completed transition</a> for the same property and element.
         </span>
-        <span class="note" role="note">
+      </p>
+
+      
+      <div class="note" role="note">
+
+        
+        <p>
           This set of completed transitions
           needs to be maintained
           in order to prevent
           transitions from repeating themselves in certain cases,
           i.e., to maintain the invariant
           that this specification tries to maintain
           that unrelated style changes do not trigger transitions.
-        </span>
-      </p>
+        </p>
+        
+
+        
+        <p class="example">
+          An example where maintaining the set of completed transitions
+          is necessary would be a transition on
+          an inherited property,
+          where the parent specifies a transition of that property for
+          a longer duration (say, <a class="css" data-link-type="propdesc" href="#propdef-transition" title="transition">transition: 4s text-indent</a>)
+          and a child element that inherits the parent’s value specifies
+          a transition of the same property for a shorter duration
+          (say, <a class="css" data-link-type="propdesc" href="#propdef-transition" title="transition">transition: 1s text-indent</a>).
+          Without the maintenance of this set of completed transitions,
+          implementations could start additional transitions on the child
+          after the initial 1 second transition on the child completes.
+        </p>
+        
 
 
-      <p class="example">
-        An example where maintaining the set of completed transitions
-        is necessary would be a transition on
-        an inherited property,
-        where the parent specifies a transition of that property for
-        a longer duration (say, <a class="css" data-link-type="propdesc" href="#propdef-transition" title="transition">transition: 4s text-indent</a>)
-        and a child element that inherits the parent’s value specifies
-        a transition of the same property for a shorter duration
-        (say, <a class="css" data-link-type="propdesc" href="#propdef-transition" title="transition">transition: 1s text-indent</a>).
-        Without the maintenance of this set of completed transitions,
-        implementations could start additional transitions on the child
-        after the initial 1 second transition on the child completes.
-      </p>
+      </div>
 
 
       <p>