[css taskforce] add new examples

* underover example with inline tables, fixes #24
* three stretchy examples, fixes #23

taskforce/css/index.html

@@ -30,7 +30,19 @@ <h3>Results</h3>
     The following preliminary results have been gathered.
 </p>
 <ul>
-  <li><b>Baseline alignment for under/over, sub+supscripts and fractions using nested flexbox.</b> <a href="https://codepen.io/daniwiris/pen/JOqvpB">Code sample</a>. </li>
+    <li><b>Baseline alignment</b>
+        <ol>
+             <li>Under/over, sub+supscripts and fractions using nested flexbox. <a href="https://codepen.io/daniwiris/pen/JOqvpB">Code sample</a>. 
+             <li>Under/over using nested inline-table. <a href="https://codepen.io/pkra/pen/BYwBXB">Code sample</a>. </li>
+        </ol>
+    </li>
+    <li><b>Stretchy constructions</b>
+        <ol>
+             <li>Vertical stretchy construction in pure CSS (with webfonts). <a href="https://codepen.io/pkra/pen/aLjGxZ">Code sample</a>. </li>
+             <li>Traditional vertical construction (switching between fonts/glyphs and stretchy construction) using <a href="https://github.com/WICG/cq-usecases">element/container queries</a>, CSS (with webfonts). <a href="https://codepen.io/pkra/pen/gvvagd">Code sample</a>. </li>
+             <li>Horizontal (single-element) stretchy brace using CSS radial gradients. <a href="https://codepen.io/lrenhrda/pen/hkLIe">Code sample</a>. </li>
+        </ol>
+    </li>
 </ul>
 
 <p>