make lazy loading attributes consistent

Refs whatwg#9832

source

@@ -7501,20 +7501,15 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
 
   <h4>Lazy loading attributes</h4>
 
-  <p>A <dfn>lazy loading attribute</dfn> is an <span>enumerated attribute</span>. The following
-  table lists the keywords and states for the attribute &mdash; the keywords in the left column map
-  to the states in the cell in the second column on the same row as the keyword.</p>
-
-  <p>The attribute directs the user agent to fetch a resource immediately or to defer fetching until
-  some conditions associated with the element are met, according to the attribute's current
-  state.</p>
+  <p>A <dfn>lazy loading attribute</dfn> is an <span>enumerated attribute</span> with the following
+  keywords and states:</p>
 
   <table>
    <thead>
     <tr>
      <th>Keyword
      <th>State
-     <th>Description
+     <th>Brief description
    <tbody>
     <tr>
      <td><dfn attr-value for="img/loading,iframe/loading"><code data-x="attr-loading-lazy">lazy</code></dfn>
@@ -7526,6 +7521,10 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
      <td>Used to fetch a resource immediately; the default state.
   </table>
 
+  <p>The attribute directs the user agent to fetch a resource immediately or to defer fetching until
+  some conditions associated with the element are met, according to the attribute's current
+  state.</p>
+
   <p>The attribute's <i data-x="missing value default">missing value default</i> and <i
   data-x="invalid value default">invalid value default</i> are both the <span
   data-x="attr-loading-eager-state">Eager</span> state.</p>