title: HTML <sup> and <sub> not working
body: <p>My HTML page is in some weird mode where sup and sub tags don't raise or lower the character above the line, though they do reduce the character's size as they should,.  I've placed  a simple </p>
  
  <pre><code>&lt;body&gt;      
  &lt;p class="sample" style="margin-left:10px;"&gt;X&lt;sup&gt;2&lt;/sup&gt; T&lt;sub&gt;3&lt;/sub&gt;&lt;/p&gt;
  </code></pre>
  
  <p>at the top of my page and what I get printed is:</p>
  
  <p><img src="https://i.stack.imgur.com/8nbNc.jpg" alt="enter image description here"></p>
  
  <p>I've tried various fonts and sizes and reloading the page,   but I haven't found anything that fixes it. If I put the same code in a jsfiddle it works fine:</p>
  
  <p><img src="https://i.stack.imgur.com/clJjA.jpg" alt="enter image description here"></p>
  
  <p>Does anyone know what might be going on?</p>
  
  <p>Thanks.  </p>