<!DOCTYPE html>
<html>
  <body>
    <p>
      <math>
        <mo id="mo1" LSPACE="3em" rspace="0em">%</mo>
      </math>
    </p>
    <p>
      <math>
        <mo id="mo2" lspace="0em" rspace="0em">%</mo>
      </math>
    </p>
    <p>
      <math>
        <mo id="mo3" lspace="3em" rspace="thinmathspace">%</mo>
        <mo  lspace="thinmathspace" rspace="thinmathspace">%</mo>
      </math>
    </p>
    <p>
      <math>
        <mo id="mo4" lspace="thinmathspace" rspace="thinmathspace">%</mo>
        <mo  lspace="thinmathspace" rspace="thinmathspace">%</mo>
      </math>
    </p>
    <p>
      <math>
        <mo lspace="thinmathspace" rspace="thinmathspace">%</mo>
        <mo lspace="thinmathspace" rspace="thinmathspace">%</mo>
      </math>
    </p>
    <p>
      <math>
        <mo lspace="0em" rspace="0em">%</mo>
      </math>
    </p>
  </body>
</html>