title: Change font-size within table cell
body: <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;title&gt;Superscript_size_in_table_cell&lt;/title&gt;
      &lt;meta name="generator" content="BBEdit 10.5" /&gt;
      &lt;style&gt;
      table {
          width: 60%;
      font-size: 0.8em;
      margin-left:auto;
      margin-right:auto;
      border-collapse: collapse;
      }
  
      .super_script {
      font-size: 80%;
      vertical-align: super;
      }
  
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;table id="table_1a-27"&gt;
          &lt;caption class="table_caption"&gt;Table 1A-27&lt;/caption&gt;
          &lt;tr&gt;
              &lt;td&gt;Some text&lt;span class="super_script"&gt;Note 1&lt;/span&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;ol&gt;
                      &lt;li&gt;Beginning of sentence&lt;span class="super_script"&gt;Note 2&lt;/span&gt; than the rest of the sentence.&lt;/li&gt;
                      &lt;li&gt;Some  stuff here&lt;/li&gt;
                  &lt;/ol&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
     &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I want to change the text size and position for part of the contents of a table cell but the above doesn't seem to work for text within a table cell.  I'd like be able to adjust the size if the table elements, not just for superscripting purposes.</p>