diff --git a/imsc1/spec/ttml-ww-profiles.html b/imsc1/spec/ttml-ww-profiles.html
index 0c3b21f3..00b327d7 100644
--- a/imsc1/spec/ttml-ww-profiles.html
+++ b/imsc1/spec/ttml-ww-profiles.html
@@ -99,9 +99,39 @@
   .inline-note {font-size: small}
   .deprecation {background-color: lavender; border: 3px double; margin: 2px;}
   .deprecation::before {content: "\26A0"; margin:0.2em; font-size:2em; float:left;}
-  td.permitted::first-line { color: green }
-  td.prohibited::first-line { color: #ff6666 }
-  td.permitted-deprecated::first-line { color: orange }
+  body {
+    font-family: sans-serif;
+    line-height: 24px;
+  }
+  span.label {
+    display: inline-block;
+    border-radius: 3px;
+  }
+  span.permitted::before {
+    content: "\00A0\2713\00A0"
+  }
+  span.prohibited::before {
+    content: "\00A0\2718\00A0"
+  }
+  span.permitted-deprecated::before {
+    font-weight: bold;
+    content: "\00A0!\00A0"
+  }
+  span.label::after {
+    content: "\00A0";
+  }
+  span.permitted {
+    color: black;
+    background-color: #50FF50;
+  }
+  span.prohibited {
+    color: black;
+    background-color: #FF5F5F;
+  }
+  span.permitted-deprecated {
+    color: black;
+    background-color: #FFC000;
+  }
   </style>
 </head>
 
@@ -478,7 +508,7 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#animation</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
@@ -497,7 +527,7 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#backgroundColor</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
           <td>See individual disposition of <code>#backgroundColor-inline</code>, <code>#backgroundColor-region</code> and
           <code>#backgroundColor-block</code>.</td>
@@ -506,27 +536,27 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#backgroundColor-block</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#backgroundColor-inline</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#backgroundColor-region</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#base</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
@@ -544,9 +574,9 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#bidi</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
@@ -554,78 +584,78 @@ <h2>Supported Features and Extensions</h2>
 
           <td>See individual disposition of <code>#bidi</code> and <code>#unicodeBidi-version-2</code>.</td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#cellResolution</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#color</code></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#text-color"></a> specifies additional constraints.</small></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#content</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#contentProfiles</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#core</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#direction</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#disparity</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#display</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#display-block</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#display-inline</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#display-region</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
@@ -638,25 +668,25 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#displayAlign</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#displayAlign-region</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#displayAlign-relative</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
@@ -665,20 +695,20 @@ <h2>Supported Features and Extensions</h2>
           <td>See individual disposition of <code>#displayAlign-block</code>, <code>#displayAlign-justify</code>,
           <code>#displayAlign-region</code>, and <code>#displayAlign-relative</code>.</td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#displayAspectRatio</code></td>
 
-          <td colspan="2" class="permitted">permitted<br>
+          <td colspan="2"><span class="permitted label">permitted</span><br>
           <small>Section <a href="#displayAspectRatio"></a> specifies additional constraints.</small></td>
         </tr>
 
         <tr>
           <td><code>#extent</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
@@ -691,17 +721,16 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#extent-image</code></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#image-ttml-image"></a> specifies additional constraints.</small></td>
         </tr>
 
         <tr>
           <td><code>#extent-length</code></td>
 
-          <td colspan="2" class="permitted">
-            permitted.<br>
+          <td colspan="2"><span class="permitted label">permitted</span><br>
 
             <aside class="ednote">
               See <a href="https://github.com/w3c/ttml2/issues/846">TTML2 Issue #846</a>
@@ -728,7 +757,7 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#extent-root</code></td>
 
-          <td colspan="2" class="permitted">See individual disposition of <code>#extent-length</code> and
+          <td colspan="2">See individual disposition of <code>#extent-length</code> and
           <code>#extent-auto</code>.<br>
           <small>Section <a href="#extent-root"></a> specifies additional constraints.</small></td>
         </tr>
@@ -749,27 +778,27 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#fontFamily</code></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#text-fontFamily"></a> specifies additional constraints.</small></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#fontFamily-generic</code></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#text-fontFamily-generic"></a> specifies additional constraints.</small></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#fontFamily-non-generic</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
@@ -777,100 +806,100 @@ <h2>Supported Features and Extensions</h2>
 
           <td>See individual disposition of <code>#fontSize-anamorphic</code> and <code>#fontSize-isomorphic</code>.</td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#fontSize-isomorphic</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#fontStyle</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#fontStyle-italic</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#fontStyle-oblique</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#fontWeight</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#fontWeight-bold</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#frameRate</code></td>
 
-          <td colspan="2" class="permitted">permitted<br>
+          <td colspan="2"><span class="permitted label">permitted</span><br>
           <small>Section <a href="#frame-rate-constraints"></a> specifies additional constraints.</small></td>
         </tr>
 
         <tr>
           <td><code>#frameRateMultiplier</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#image</code></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#image-ttml-image"></a> specifies additional constraints.</small></td>
         </tr>
 
         <tr>
           <td><code>#image-png</code></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#image-resource"></a> specifies additional constraints.</small></td>
         </tr>
 
         <tr>
           <td><code>#initial</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#layout</code></td>
 
-          <td colspan="2" class="permitted">permitted<br>
+          <td colspan="2"><span class="permitted label">permitted</span><br>
           <small>Section <a href="#region"></a> specifies additional constraints.</small></td>
         </tr>
 
@@ -885,56 +914,56 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#length-cell</code></td>
 
-          <td colspan="2" class="permitted">permitted<br>
+          <td colspan="2"><span class="permitted label">permitted</span><br>
           <small>Section <a href="#length-cell"></a> specifies additional constraints.</small></td>
         </tr>
 
         <tr>
           <td><code>#length-em</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#length-integer</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#length-negative</code></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#text-length-negative"></a> specifies additional constraints.</small></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#image-length-negative"></a> specifies additional constraints.</small></td>
         </tr>
 
         <tr>
           <td><code>#length-percentage</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#length-pixel</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#length-positive</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#length-real</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
@@ -956,71 +985,71 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#lineHeight</code></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#text-lineHeight"></a> specifies additional constraints.</small></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#lineShear</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#luminanceGain</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#metadata</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#metadata-item</code></td>
 
-          <td colspan="2" class="permitted">permitted<br>
+          <td colspan="2"><span class="permitted label">permitted</span><br>
           <small>Section <a href="#altText"></a> specifies additional constraints.</small></td>
         </tr>
 
         <tr>
           <td><code>#metadata-version-2</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#nested-div</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#nested-span</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#opacity</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#opacity-region</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
@@ -1033,71 +1062,71 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#origin</code></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Sections <a href="#origin"></a> and <a href="#text-origin"></a> specify additional constraints.</small></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#origin"></a> specifies additional constraints.</small></td>
         </tr>
 
         <tr>
           <td><code>#overflow</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#overflow-visible</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#padding</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#padding-1</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#padding-2</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#padding-3</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#padding-4</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#padding-region</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
@@ -1107,22 +1136,22 @@ <h2>Supported Features and Extensions</h2>
           <code>#padding-3</code>, <code>#padding-4</code>, <code>#padding-block</code>, <code>#padding-inline</code>, and
           <code>#padding-region</code></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#position</code></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#text-position"></a> specify additional constraints.</small></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#presentation</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
@@ -1134,7 +1163,7 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#profile</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
@@ -1162,15 +1191,15 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#region-timing</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#ruby</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
@@ -1179,7 +1208,7 @@ <h2>Supported Features and Extensions</h2>
           <td>See individual disposition of <code>#ruby</code>, <code>#rubyAlign</code>, <code>#rubyAlign-withBase</code>,
           <code>#rubyPosition</code>, and <code>#rubyReserve</code>.</td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
@@ -1187,125 +1216,125 @@ <h2>Supported Features and Extensions</h2>
 
           <td>See individual disposition of <code>#rubyAlign-minimal</code> and <code>#rubyAlign-withBase</code>.</td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#rubyAlign-minimal</code></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#text-rubyAlign"></a> specifies additional constraints.</small></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#rubyPosition</code></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#text-rubyPosition"></a> specifies additional constraints.</small></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#rubyReserve</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#set</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#shear</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#showBackground</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#structure</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#styling</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#styling-chained</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#styling-inheritance-content</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#styling-inheritance-region</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#styling-inline</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#styling-nested</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#styling-referential</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#textAlign</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#textAlign-absolute</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#textAlign-relative</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
@@ -1314,47 +1343,47 @@ <h2>Supported Features and Extensions</h2>
           <td>See individual disposition of <code>#textAlign</code>, <code>#textAlign-relative</code>,
           <code>#textAlign-absolute</code> and <code>#textAlign-justify</code>.</td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#textCombine</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#textDecoration</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#textDecoration-over</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#textDecoration-through</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#textDecoration-under</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
@@ -1369,16 +1398,16 @@ <h2>Supported Features and Extensions</h2>
             </aside>
           </td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#textEmphasis-minimal</code></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#text-textEmphasis-minimal"></a> specifies additional constraints.</small></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
@@ -1386,86 +1415,86 @@ <h2>Supported Features and Extensions</h2>
 
           <td>See individual disposition of <code>#textOutline-blurred</code> and <code>#textOutline-unblurred</code>.</td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#textOutline-unblurred</code></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#text-textOutline-unblurred"></a> specifies additional constraints.</small></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#textShadow</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#tickRate</code></td>
 
-          <td colspan="2" class="permitted">permitted<br>
+          <td colspan="2"><span class="permitted label">permitted</span><br>
           <small>Section <a href="#tickRate"></a> specifies additional constraints.</small></td>
         </tr>
 
         <tr>
           <td><code>#timeBase-media</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#timeContainer</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#time-clock</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#time-clock-with-frames</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#time-offset</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#time-offset-with-frames</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#time-offset-with-ticks</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#timing</code></td>
 
-          <td colspan="2" class="permitted">permitted<br>
+          <td colspan="2"><span class="permitted label">permitted</span><br>
           <small>Section <a href="#timing"></a> specifies additional constraints.</small></td>
         </tr>
 
         <tr>
           <td><code>#transformation</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
@@ -1477,23 +1506,23 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#unicodeBidi</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#unicodeBidi-version-2</code></td>
 
-          <td class="permitted">See individual disposition of <code>#unicodeBidi</code> and <code>#unicodeBidi-isolate</code>.</td>
+          <td>See individual disposition of <code>#unicodeBidi</code> and <code>#unicodeBidi-isolate</code>.</td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#visibility</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
           <td>See individual disposition of <code>#visibility-block</code>, <code>#visibility-inline</code> and
           <code>#visibility-region</code>.</td>
@@ -1502,29 +1531,29 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#visibility-block</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#visibility-image</code></td>
 
-          <td class="permitted">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
 
-          <td class="prohibited">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#visibility-inline</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#visibility-region</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
@@ -1536,15 +1565,15 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#wrapOption</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#writingMode</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
           <td>See individual disposition of <code>#writingMode-vertical</code> and <code>#writingMode-horizontal</code>.</td>
         </tr>
@@ -1552,15 +1581,15 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#writingMode-vertical</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#writingMode-horizontal</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
           <td colspan="2">See individual disposition of <code>#writingMode-horizontal-lr</code> and
           <code>#writingMode-horizontal-rl</code>.</td>
@@ -1569,21 +1598,21 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#writingMode-horizontal-lr</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#writingMode-horizontal-rl</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="permitted-deprecated">permitted-deprecated</td>
+          <td><span class="permitted-deprecated label">permitted-deprecated</span></td>
         </tr>
 
         <tr>
           <td><code>#zIndex</code></td>
 
-          <td colspan="2" class="permitted-deprecated">permitted-deprecated</td>
+          <td colspan="2"><span class="permitted-deprecated label">permitted-deprecated</span></td>
         </tr>
 
         <tr>
@@ -1593,9 +1622,9 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#image</code></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
 
-          <td class="permitted-deprecated">permitted-deprecated<br>
+          <td><span class="permitted-deprecated label">permitted-deprecated</span><br>
           <small>Section <a href="#image-smpte-image"></a> specifies additional constraints.</small></td>
         </tr>
 
@@ -1606,59 +1635,59 @@ <h2>Supported Features and Extensions</h2>
         <tr>
           <td><code>#activeArea</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#altText</code></td>
 
-          <td colspan="2" class="permitted-deprecated">permitted-deprecated<br>
+          <td colspan="2"><span class="permitted-deprecated label">permitted-deprecated</span><br>
           <small>Section <a href="#itm-altText"></a> specifies additional constraints.</small></td>
         </tr>
 
         <tr>
           <td><code>#aspectRatio</code></td>
 
-          <td colspan="2" class="permitted-deprecated">permitted-deprecated<br>
+          <td colspan="2"><span class="permitted-deprecated label">permitted-deprecated</span><br>
           <small>Section <a href="#aspectRatio"></a> specifies additional constraints.</small></td>
         </tr>
 
         <tr>
           <td><code>#fillLineGap</code></td>
 
-          <td class="permitted">permitted</td>
+          <td><span class="permitted label">permitted</span></td>
 
-          <td class="prohibited">prohibited</td>
+          <td><span class="prohibited label">prohibited</span></td>
         </tr>
 
         <tr>
           <td><code>#forcedDisplay</code></td>
 
-          <td colspan="2" class="permitted">permitted</td>
+          <td colspan="2"><span class="permitted label">permitted</span></td>
         </tr>
 
         <tr>
           <td><code>#linePadding</code></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#text-linePadding"></a> specifies additional constraints.</small></td>
 
-          <td class="permitted-deprecated">permitted-deprecated</td>
+          <td><span class="permitted-deprecated label">permitted-deprecated</span></td>
         </tr>
 
         <tr>
           <td><code>#multiRowAlign</code></td>
 
-          <td class="permitted">permitted<br>
+          <td><span class="permitted label">permitted</span><br>
           <small>Section <a href="#text-multiRowAlign"></a> specifies additional constraints.</small></td>
 
-          <td class="permitted-deprecated">permitted-deprecated</td>
+          <td><span class="permitted-deprecated label">permitted-deprecated</span></td>
         </tr>
 
         <tr>
           <td><code>#progressivelyDecodable</code></td>
 
-          <td colspan="2" class="permitted-deprecated">permitted-deprecated</td>
+          <td colspan="2"><span class="permitted-deprecated label">permitted-deprecated</span></td>
         </tr>
       </tbody>
     </table>