Size commands generate fragments, not spans.

This is so the size commands don't hide the types of their enclosed
atoms. Addresses KaTeX#136.

This slightly changes the vertical position of the Sizing test. Not
sure the vertical position matters, so change the test.

src/buildHTML.js

@@ -1115,17 +1115,20 @@ groupTypes.sizing = function(group, options) {
     var inner = buildExpression(group.value.value,
             options.withSize(group.value.size), false);
 
+    // Compute the correct maxFontSize.
     var style = options.style;
-    var span = makeSpan(["mord"],
-        [makeSpan(["sizing", "reset-" + options.size, group.value.size,
-                   style.cls()],
-                  inner)]);
-
-    // Calculate the correct maxFontSize manually
     var fontSize = buildCommon.sizingMultiplier[group.value.size];
-    span.maxFontSize = fontSize * style.sizeMultiplier;
+    fontSize = fontSize * style.sizeMultiplier;
+
+    // Add size-resetting classes to the inner list and set maxFontSize
+    // manually.
+    for (var i = 0; i < inner.length; i++) {
+        inner[i].classes.push("sizing", "reset-" + options.size,
+                              group.value.size, style.cls());
+        inner[i].maxFontSize = fontSize;
+    }
 
-    return span;
+    return buildCommon.makeFragment(inner);
 };
 
 groupTypes.styling = function(group, options) {