title: Span inside a Sup HTML element - Why does it behave this way?
body: <p>Putting <code>span</code>s inside of a <code>sup</code> doesn't apply expecting styling..</p>
  
  <p>See Fiddle: <a href="https://jsfiddle.net/mkms1ozk/2/" rel="nofollow">https://jsfiddle.net/mkms1ozk/2/</a></p>
  
  <p>You will notice the first <code>abc</code> has margin/padding and the <code>abc</code> included purely in a sup does not..</p>
  
  <p>I would have thought the margin &amp; padding of 0px would be applied to the span inside the <code>sup</code>..</p>
  
  <p>Is this expected behavior?</p>
  
  <p>For the lazy like me here is the entire HTML..</p>
  
  <p><code>
  &lt;html&gt;
  &lt;style&gt;
    span{
      margin:0px;
      padding:0px;
    }
  &lt;/style&gt;
  &lt;body&gt;
  &lt;sup&gt;
    &lt;span&gt;a&lt;/span&gt;
    &lt;span&gt;b&lt;/span&gt;
    &lt;span&gt;c&lt;/span&gt;
  &lt;/sup&gt;
  &lt;sup&gt;abc&lt;/sup&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></p>