[css-transitions] Fix formatting of TransitionEvent section to match CSS Animations spec

Author: birtles

css-transitions/Overview.bs

@@ -1190,81 +1190,49 @@ with changes to transitions.
 Each event provides the name of the property the transition is
 associated with as well as the duration of the transition.
 
-      <dl>
-        <dt>
-          <b>Interface <dfn interface id="Events-TransitionEvent">TransitionEvent</dfn></b>
-        </dt>
-        <dd>
-          <p>
-            The {{TransitionEvent}} interface provides specific contextual information associated with transitions.
-          </p>
-          <dl>
-            <dt>
-              <b>IDL Definition</b>
-            </dt>
-            <dd>
-              <div class='idl-code'>
-                <pre class='idl'>
+## Interface {{TransitionEvent}} ## {#interface-transitionevent}
+
+The {{TransitionEvent}} interface provides specific contextual information
+associated with transitions.
+
+### IDL Definition ### {#interface-transitionevent-idl}
+
+<pre class="idl">
   [Constructor(DOMString type, optional TransitionEventInit transitionEventInitDict)]
   interface TransitionEvent : Event {
-    readonly attribute DOMString          propertyName;
-    readonly attribute float              elapsedTime;
-    readonly attribute DOMString          pseudoElement;
+    readonly attribute DOMString propertyName;
+    readonly attribute float elapsedTime;
+    readonly attribute DOMString pseudoElement;
   };
 
   dictionary TransitionEventInit : EventInit {
     DOMString propertyName = "";
     float elapsedTime = 0.0;
     DOMString pseudoElement = "";
   };
-  </pre>
-              </div>
-            </dd>
-            <dt>
-              <b>Attributes</b>
-            </dt>
-            <dd>
-              <dl>
-                <dt>
-                  <code class='attribute-name'><dfn attribute for="TransitionEvent" id="Events-TransitionEvent-propertyName">propertyName</dfn></code> of type <code>DOMString</code>, readonly
-                </dt>
-                <dd>
-                  The name of the CSS property associated with the transition.
-                </dd>
-              </dl>
-              <dl>
-                <dt>
-                  <code class='attribute-name'><dfn attribute for="TransitionEvent" id="Events-TransitionEvent-elapsedTime">elapsedTime</dfn></code> of type <code>float</code>, readonly
-                </dt>
-                <dd>
-                  The amount of time the transition has been running, in
-                  seconds, when this event fired not including any time spent
-                  in the delay phase.
-                  The precise calculation for of this member is defined along
-                  with each event type.
-                </dd>
-              </dl>
-              <dl>
-                <dt>
-                  <code class='attribute-name'><dfn attribute for="TransitionEvent" id="Events-TransitionEvent-pseudoElement">pseudoElement</dfn></code> of type <code>DOMString</code>, readonly
-                </dt>
-                <dd>
-                  The name (beginning with two colons) of the CSS
-                  pseudo-element on which the transition occurred (in
-                  which case the target of the event is that
-                  pseudo-element's corresponding element), or the empty
-                  string if the transition occurred on an element (which
-                  means the target of the event is that element).
-                </dd>
-              </dl>
-            </dd>
-          </dl>
-          <p>
-            <code id="TransitionEvent-constructor">TransitionEvent(type, transitionEventInitDict)</code>
-            is an <a>event constructor</a>.
-          </p>
-        </dd>
-      </dl>
+</pre>
+
+### Attributes ### {#interface-transitionevent-attributes}
+
+:   <code class='attribute-name'><dfn attribute for="TransitionEvent" id="Events-TransitionEvent-propertyName">propertyName</dfn></code> of type <code>DOMString</code>, readonly
+::  The name of the CSS property associated with the transition.
+:   <code class='attribute-name'><dfn attribute for="TransitionEvent" id="Events-TransitionEvent-elapsedTime">elapsedTime</dfn></code> of type <code>float</code>, readonly
+::  The amount of time the transition has been running, in seconds, when this
+    event fired not including any time spent in the delay phase.  The precise
+    calculation for of this member is defined along with each event type.
+:   <code class='attribute-name'><dfn attribute for="TransitionEvent" id="Events-TransitionEvent-pseudoElement">pseudoElement</dfn></code> of type <code>DOMString</code>, readonly
+::  The name (beginning with two colons) of the CSS
+    pseudo-element on which the transition occurred (in
+    which case the target of the event is that
+    pseudo-element's corresponding element), or the empty
+    string if the transition occurred on an element (which
+    means the target of the event is that element).
+
+
+<code id="TransitionEvent-constructor"><dfn constructor
+for="TransitionEvent">TransitionEvent(type, transitionEventInitDict)</dfn></code>
+is an <a>event constructor</a>.
+
 
 Types of <code>TransitionEvent</code> {#event-transitionevent}
 --------------------------------------------------------------